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

Question

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

我尝试添加更改vite.config.js文件。

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 文件。

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

Answer 1

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

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

如果没有看到您的网站以及对此常见问题的描述，我只能“假设”您正在谈论刷新时的 404 问题，就像昨天发布的另一个类似问题一样：Routes not work燥音在React中使用Vite（构建中）

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

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

/* /index.html 200

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