Netlify 和 React Vite：Netlify 在 Vite 和 React 站点中重新加载时显示“找不到页面”

我有一个用 React JS 构建的网站，我使用 Vite 作为 JS Bundler。问题是，当我在 Netlify 上部署站点并重新加载页面时，它显示“找不到页面”。

我尝试添加更改vite.config.jsfile.

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

// https://vitejs.dev/config/
export default defineConfig({
  build: {
    rollupOptions: {
      input: {
        main: resolve(__dirname, "index.html"),
      },
    },
  },
  plugins: [react()],
});

我还添加了 .redirects 文件。

请提供一个解决方案，我认为这是一个常见问题，但尚未得到解决。

我认为这是一个常见问题，但尚未得到太多解决。

解决这个问题只能通过文档来解决，不幸的是，如果不参考文档，也无济于事。

如果没有看到您的网站以及对此常见问题的描述，我只能“假设”您正在谈论刷新时出现 404 问题，就像昨天发布的另一个类似问题一样：使用 Vite 的 React 中的路由无法正常工作（构建时） https://stackoverflow.com/questions/75375772/routes-not-working-properly-in-react-using-vite-on-build

该解决方案记录在 React 文档中（好吧，创建 React App，但在这种情况下也有效）：https://create-react-app.dev/docs/deployment/#netlify https://create-react-app.dev/docs/deployment/#netlify

您需要创建一个文件，public/_redirects内容：

/* /index.html 200

您已经提到您已经这样做了，但是除非它遵循上面的确切位置和语法，否则它将无法工作。