React+Vite项目部署Firebase Hosting成功后仍显示‘站点未找到’错误

云原生阿岚

2026-6-13

React部署Firebase Hosting显示成功但访问提示“Site Not Found”问题排查

我将React应用部署至Firebase Hosting，部署日志显示成功，但访问托管URL时出现“Site Not Found”错误，本地构建版本运行正常。

已验证的firebase.json配置

{
  "hosting": {
    "public": "dist",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ],
    "rewrites": [
      {
        "source": "**",
        "destination": "/index.html"
      }
    ]
  }
}

已执行的排查步骤

检查Firebase控制台的“Releases”，确认最新版本已部署；
清除浏览器缓存并在隐身模式下测试；
删除现有站点版本清除Firebase Hosting缓存后重新部署：
firebase deploy --only hosting
确认构建文件夹包含所有必要文件。

已验证的vite.config.json配置

import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";
import tailwindcss from "@tailwindcss/vite";

// https://vite.dev/config/
export default defineConfig({
  base: "/",
  plugins: [react(), tailwindcss()],
  build: {
    outDir: "dist", // Or whatever directory you choose
  },
});