在我的項目中我使用 nuxt js。我有一條路線看起來像 服務(wù)/:slug 構(gòu)建并生成后,我的所有路線都完美運行。我用下面的代碼在生成時生成動態(tài)路線
generate: { routes(callback) { axios .get('url') .then(res => { const routes = res.data.data.map(service => { return '/services/' + service.slug }) callback(null, routes) }) .catch(callback) axios .get('https://url') .then(res => { const routes = res.data.data.map(offer => { return '/campaigns/' + offer.slug }) callback(null, routes) }) .catch(callback) } }
但是當(dāng)我在構(gòu)建和生成后從管理面板創(chuàng)建另一個新項目時,會出現(xiàn)問題。
當(dāng)我運行nuxt生成時,我似乎有三個路線
現(xiàn)在,在服務(wù)器中托管我的 dist 文件夾后,我點擊 www.url/service/cash ,它的工作完美。
現(xiàn)在我在管理面板中創(chuàng)建一個名為send-money的新服務(wù)項目 然后當(dāng)我使用 www.url/service/send-money 打開瀏覽器時 它不起作用并得到 404。
現(xiàn)在我不明白如何解決這種情況。
使用 SSG
nuxt 時僅生成項目中的可用頁面。這就是 SSG
的工作原理。因此,您需要在服務(wù)器中創(chuàng)建一個自定義的 script
以在創(chuàng)建新頁面后運行 ?yarn build && yarngenerate
命令。
例如,假設(shè)您正在創(chuàng)建一個博客。當(dāng)您使用 ???yarngenerate
時,nuxt 會生成在該特定時間從數(shù)據(jù)庫中獲取的帖子,并將它們移動到 dist
文件夾中。因此,您需要附加一個自定義腳本 - 您需要以某種方式在后端創(chuàng)建該腳本 - 以在創(chuàng)建新帖子后運行 yarn build && yarngenerate
。