刷新動態路由后出現404錯誤頁面

Question

我正在使用 2.15.8 版本的 Nuxt。 當我刷新頁面時： localhost:3000/products/(product.id)瀏覽器返回 404 頁面

product.id來自數據庫（firebase）。

我試過npm generate但它無法解決我的問題，我嘗試使用dynamic-routes.js文件，如插件，其中包含：

 import axios from 'axios' export default { generate: { routes() { return axios.get( 'https://my-api/products.json' ).then((res) => { const data = Object.keys(res.data) return data.map((value) => { return '/products/' + res.data[value].urlsId }) }) } } }

它也無能為力。

你能分享一下你對這個問題的建議嗎？

Answer 1

首先檢查 api 是否在 postman 上正常工作，然后轉到編碼部分。

您也可以將獲取的數據保存到一個變量中，然后使用該變量來檢索數據。 所以如果它不是動態的，你不需要連續點擊 api。

Answer 2

https://i.stack.imgur.com/DOD7z.png

查看data-return中的data變量，將api的抓取結果保存在該變量中

例如，如果您在結果中獲取數據，那么下一行代碼將是 - this.data = results