Nuxt.js: 無法自動產生路由配置
<p>我想為我的專案產生靜態路由（<code>/contact</code>，<code>/about</code>，...）和動態路由（<code>/projectcode>/about</code>，...）和動態路由（<code>/projectcode>/project /1</code>，<code>/project/2</code>，...），以便當用戶在訪問這些路由之一時刷新頁面時，頁面仍然可以正常工作。 </p>
<p>但當執行<code>npm run generate</code>時，我只得到<code>產生的路由」/"</code>，在<code>/dist</code>資料夾中看不到產生的路由。 </p>
<p>Nuxt.js版本使用：<code>2.14.7</code></p>
<p>我試了<code>universal</code>和<code>spa</code>兩種模式，都不行。 </p>
<p>在nuxt.config.js檔案中，我在頂部加入了以下程式碼：</p>
<pre class="brush:js;toolbar:false;">const axios = require('axios')
const dynamicRoutes = async () => {
const routes = await axios.get('http://my-project.com/wp/wp-json/projects/v1/posts')
.then(res => res.data.map((project) => `/project/${project.ID}/${project.post_name}`))
.then(res => res.concat(
[
'/about',
'/contact',
'/portfolio'
]
))
return routes
}
</pre>
<p>然後在<code>export default {}</code>中：</p>
<pre class="brush:js;toolbar:false;">generate: {
routes: dynamicRoutes
},
</pre>
<p><br /></p>
