sfo*_*rd4 5 javascript deployment dynamic-routing nuxt.js
当我在 my 中nuxt generate运行时,我的动态创建的路由不接受它们的有效负载,它们的负载如下:target: "static"nuxt.config.js
****nuxt.config.js****
generate: {
routes() {
return axios
.get(`${process.env.ROOT_URL}/businesses`)
.then(res => {
return res.data.map(business => {
return {
route: `/business/${business.id}`,
payload: business
};
});
});
}
}
****business.vue****
async asyncData({ params, store, error, payload }) {
if (payload) {
console.log('GOT PAYLOAD!', payload);
return { business: payload };
} else {
// other stuff
}
})
Run Code Online (Sandbox Code Playgroud)
nuxt generate在上面的 console.log中,每个动态路由都会被命中,所以我知道它正在接收正确的负载。
nuxt generate在我的dist文件夹为每个动态路由都有一个子文件夹之后,但index.html每个动态路由内部只有几行,当我在浏览器上访问每个动态路由的页面时,不会出现特定于动态路由的内容(我的组件中的导航栏layout显示正常) )。
应用程序中的导航工作正常,因此,如果我转到不同的页面并进入我的动态路线内容页面,将会出现,所以asyncData有效,接受有效负载是麻烦。
如果target: "static"事情没有按预期工作,则index.htmlfor every in 中dist有足够的内容,并且页面在访问时加载所需的内容,尽管head()未生成 business.vue 中的方法(请参阅我的问题)。
谁能指出我错过了什么/做错了什么?