问题描述
当我在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
}
})
在nuxt generate
期间,每条动态路由均会命中上述console.log,因此我知道它正在接收正确的有效负载。
在nuxt generate
之后,我的dist
文件夹为每个动态路由都有一个子文件夹,但是每个index.html
的内部只有几行,当我访问页面上的每个页面时,浏览器中没有显示特定于动态路由的内容(来自我的layout
组件的导航栏显示正常)。
应用程序中的导航工作正常,因此,如果我转到另一个页面,然后出现到我的动态路线内容的页面,那么asyncData
可以工作,那么接受有效载荷就很麻烦。
在没有target: "static"
的情况下无法正常工作的情况下,index.html
中每个dist
的内容都很丰富,尽管head()
不会生成business.vue中的方法(请参阅我关于here的问题)。
谁能指出我的缺失/做错了什么?
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)