Nuxt.js动态路由“完全静态”时不接受有效负载

如何解决Nuxt.js动态路由“完全静态”时不接受有效负载

当我在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
    }
})

在nuxt generate期间，每条动态路由均会命中上述console.log，因此我知道它正在接收正确的有效负载。

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

应用程序中的导航工作正常，因此，如果我转到另一个页面，然后出现到我的动态路线内容的页面，那么asyncData可以工作，那么接受有效载荷就很麻烦。

在没有target: "static"的情况下无法正常工作的情况下，index.html中每个dist的内容都很丰富，尽管head()不会生成business.vue中的方法（请参阅我关于here的问题）。

谁能指出我的缺失/做错了什么？