Nuxt.js: 라우팅 구성을 자동으로 생성할 수 없습니다.
<p>정적 경로(<code>/contact</code>, <code>/about</code>,...)와 동적 경로(<code>/project /1< /code>, <code>/project/2</code>, ...) 사용자가 이러한 경로 중 하나에 액세스하는 동안 페이지를 새로 고칠 때 페이지가 여전히 올바르게 작동하도록 합니다. </p>
<p>그러나 <code>npm run generate</code>를 실행할 때 <code>/dist</code>에서 <code>생성된 경로 "/"</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 = 비동기() =>
const 경로 = axios.get('http://my-project.com/wp/wp-json/projects/v1/posts')을 기다립니다.
.then(res => res.data.map((프로젝트) => `/project/${project.ID}/${project.post_name}`))
.then(res => res.concat(
[
'/에 대한',
'/연락하다',
'/포트폴리오'
]
))
귀국 경로
}
</pre>
<p>그런 다음 <code>export default {}</code>에서: </p>
<pre class="brush:js;toolbar:false;">생성: {
경로: 동적 경로
},
</pre>
<p><br /></p>
