<p>我想为我的项目生成静态路由（<code>/contact</code>，<code>/about</code>，...）和动态路由（<code>/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>