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

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,
                };
            });
        }
    }
}

pages/_.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 以测试生成的路由。