Nuxtjs 动态路由在“全静态”时不接受有效负载

sfo*_*rd4 5 javascript deployment dynamic-routing nuxt.js

当我在 my 中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
    }
})
Run Code Online (Sandbox Code Playgroud)

nuxt generate在上面的 console.log中,每个动态路由都会被命中,所以我知道它正在接收正确的负载。

nuxt generate在我的dist文件夹为每个动态路由都有一个子文件夹之后,但index.html每个动态路由内部只有几行,当我在浏览器上访问每个动态路由的页面时,不会出现特定于动态路由的内容(我的组件中的导航栏layout显示正常) )。

应用程序中的导航工作正常,因此,如果我转到不同的页面并进入我的动态路线内容页面,将会出现,所以asyncData有效,接受有效负载是麻烦。

如果target: "static"事情没有按预期工作,则index.htmlfor every in 中dist有足够的内容,并且页面在访问时加载所需的内容,尽管head()未生成 business.vue 中的方法(请参阅我的问题

谁能指出我错过了什么/做错了什么?