"Nuxt - 页面在执行"yarn generate"后无法正常加载"

Question

我有一个简单的nuxt应用程序，其中一个页面位于以下目录结构下：

pages
   callback
       index.vue

该应用程序是使用“universal”模式生成的。我的问题是，当我在本地运行应用程序（即yarn dev）时，回调页面显示完美并正常工作。但是，当我运行yarn generate然后提供dist文件夹时，页面会出现一些轻微的视觉错误。没有控制台错误或网络错误，但显示有些不完整。问题是：特定的图标（汉堡菜单）不加载，并且下拉/选择组件无法正确初始化并显示其占位符，直到点击为止。

这些是已经构建并在应用程序的其他位置正常工作的组件，但是在生成的页面上，它们不起作用。

我在构建输出上启用了devtools，并且我能够看到本地运行的版本和生成的版本之间唯一的区别是，当我导航到回调路由时，生成的输出似乎没有收到vue devtools中的“Active”标志。

我觉得这很奇怪，并且阅读了关于可导航链接和隐藏页面的内容（因为此页面当前没有从站点的任何位置链接到），并尝试了许多方法，但没有任何效果。我最接近的方法是在主页上创建一个NuxtLink元素，链接到回调路由。当我这样做时，点击链接后，页面按预期工作，并且在devtools的路由选项卡中设置了活动标志。但如果我通过URL栏导航到它，则不起作用。

我已经详细阅读了nuxt和vue router的文档，但似乎找不到解决问题的方法。

Answer 1

yarn generate 用于部署静态站点，而您的目标设置为universal。运行 yarn build 和 yarn start 以在universal模式下部署。

请参阅文档此处。