nuxt.js

Question

我试图用 nuxt 生成一个静态网站，但是当我打开 index.html 文件时，它显示了一个无限加载屏幕和这个 JS 错误：

fail to load element whose source is « file:///_nuxt/42185af33c638e7022a3.js ».

所以，在我搜索之后，我将 router.base 配置更改为 ./，它抛出了这个错误：

This page could not be found
Back to the home page

但是当我点击 Back to the home page 它显示我的主页。

有人知道如何从静态构建中打开 index.html 文件吗？
我解释一下我的项目：我希望运行我的应用程序带有 Capacitor，所以我需要静态构建工作正常。

提前致谢，对于我的英文写得不好，我深表歉意。

Answer 1

我找到了两个解决方案：

解决方案 1：将您的项目改为 "universal" "single page app"
当您生成静态 Web 应用程序时，它在您运行 index.html 时工作正常。但是，Capacitor显示页面但不识别路由器，因此您无法在您的应用程序中切换页面。

解决方案 2：在 spa 的 nuxt.config.js 中设置 router
将此配置添加到 nuxt.config.js :

router: {
  base: './'
  mode: 'hash'
}

在 dist 中打开 index.html 文件时有效，但对电容器无效。

我的请求因此得到部分解决。

Answer 2

最后我发现我的问题是运行我的电容器应用程序，Android 不喜欢下划线。

在nuxt.config.js中，只需将_nuxt改为nuxt

build: {
  publicPath: '/nuxt/',
  // ...
},

nuxt.js - "This page could not be found" 在带有 base ./ 的静态页面上