无法将多个页面部署到 Firebase 托管

Question

我正在为我的网络项目使用带有 vite 框架的 firebase。配置并安装了所有必要的程序后，我就准备好部署站点的实际生产过程了。一旦部署命令

Firebase deploy

被执行，只有index.html以及负责渲染功能页面的相应脚本和样式被部署到firebase。我打算制作一个多页面网站，但这种情况阻止了我。 以下是我当前测试的 firebase.json 文件：

{
  "hosting": {
    "source": "hosting",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ],
    "frameworksBackend": {
      "region": "us-east1"
    }
  }
}

我的 pucblic 目录是在 firebase 配置中设计的，是托管的。我想要的所有 html 页面都在这个目录中，我的脚本位于托管的子目录中。

多次尝试修改json文件，仍然没有成功。 尽管我严格遵循文档，但我预计这是我的部分配置错误。

Answer 1

Vite 不是一个“框架”。它是一个“开发系统”，支持许多不同的框架（React、Vue、Angular 等...）

Vite 用于在“开发模式”下运行代码，并用于在运行

vite build

时将代码捆绑到可部署的分发集中（这通常是运行

npm run build

或

yarn build

....请参阅

package.json

) 的“脚本”部分。

通常，部署 Vite 支持的应用程序时，您需要运行

vite build

，然后将 构建结果 部署到 Firebase 托管。为此，您可以将

hosting.public

中的

firebase.json

属性设置为 Vite 中构建输出的目录......这通常是项目根目录下名为

dist

或

build 的目录

.

构建 (

npm run build

) 后即可部署 (

firebase deploy --only hosting

)。