Nuxt js全静态动态页面，负载未定义

Question

我正在尝试动态生成页面。在运行nuxt generate之后，成功地创建了页面。但是加载页面(使用nuxt start)时，它显示标题未定义，我在生成时在有效负载中发送了该标题。

对于每个生成的页面，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

Answer 1

为了测试生成的路由，您需要运行nuxt generate，然后运行nuxt serve。