如何配置 nuxt 3，以便当我直接打开使用 npm rungenerate 生成的静态页面时它可以正常工作？

Question

我的项目运行良好。运行

npm run generate

和

npx serve .output/public

后，我可以正确访问所有功能。但是，如果我通过双击文件系统打开 .output/public 的 index.html，它会显示正确的启动，但没有任何功能正常工作：按钮和导航栏都没有。 我在 Vue 3 中编程时也遇到了同样的问题，但我通过设置

PublicPath: ""

解决了它，但使用 Nuxt 我无法解决该问题。

我尝试在 nuxt.config.ts 中设置

SSR: false

但它不起作用，

app: {baseURL: "" }

或

nitro: {baseURL: "", static: true}

是否有任何配置可以让项目通过文件夹访问来正常工作？

Answer 1

您不应该仅通过双击来打开同构应用程序（甚至 VueJS 应用程序）。
您需要运行一个小型服务器才能正确管理整个状态部分。

这可能是一个开始

export default defineNuxtConfig({
  nitro: {
    preset: 'browser'
  }
})

我知道也有一些方法可以完全静态地生成 Nuxt 应用程序，但我真的不明白它如何管理一些动态的东西。

还有，运行有什么问题

serve

？