如何解决Nuxt js全静态动态页面,有效载荷未定义
我正在尝试动态生成页面。运行nuxt生成后,页面的创建成功。但是加载页面时(从nuxt开始),它说标题是未定义的,我在生成时将其发送到有效负载中。
payload.js对于每个生成的页面都存在,但是由于某种原因它无法正常工作。
nuxt.config.js
export default {
target: 'static',generate: {
routes() {
const routing = [{url: 'page1',title: 'Page 1'},{url: 'page2',title: 'Page 2'},{
url: 'page3',title: 'Page 3'
}];
return routing.map(route => {
return {
route: route.url,payload: route,};
});
}
}
}
页面/ _。vue
<template>
<h1>{{payload.title}}</h1>
</template>
<script>
export default {
async asyncData({payload}) {
return {payload: payload}
}
}
</script>
命令:
nuxt generate
nuxt start
解决方法
您需要先运行nuxt generate然后运行nuxt serve才能测试生成的路由。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。