前言：

昨天的內容是在單獨的js檔案中，完成API的對接，從Strapi的資料庫中，撈出資料，今天的內容就是把寫在測試程式裡的程式碼拿到專案中實作。

編輯 lib\reviews.js 檔案內容如下:

export async function getReviews() {
    const url =
        "http://localhost:1337/api/reviews" +
        "?" +
        qs.stringify(
            {
                fields: ["slug", "title", "subtitle", "publishedAt"],
                populate: { image: { fields: ["url"] } },
                sort: ["publishedAt:desc"],
                pagination: { pageSize: 6 },
            },
            { encodeValuesOnly: true }
        );
    console.log("getReviews = ", url);

    const response = await fetch(url);
    // console.log("response =", response);

    const { data } = await response.json();

    return data.map(({ attributes }) => ({
        slug: attributes.slug,
        title: attributes.title,
    }));

檢視成果:

大叔的鐵人賽第二十二天結束 :)