Nuxt js全静态动态页面，有效载荷未定义

Question

我正在尝试动态生成页面。运行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

Answer 1

您需要先运行nuxt generate然后运行nuxt serve才能测试生成的路由。