如何使用 vite 和 React 在 Netlify 中重定向路由？

Question

我需要重定向到 Netlify 上的一个反应项目的主页，但我正在使用 vite。

我曾经使用 CRA（create-react-app）并使用此配置在公用文件夹中创建 _redirects 文件。

/*  /index.html 200

在 vitejs 中我会怎么做？

Answer 1

尝试在根目录中创建一个

netlify.toml

文件。

在netlify.toml

[[redirects]]
  from = "/*"
  to = "/index.html"
  status = 200

Answer 2

@sarthak 的回答很好，您只需在构建时将

_redirects

复制到

dist

文件夹即可。尽管有更简单的方法。

只需创建一个名为

public

的文件夹，然后将您的

_redirects

放在那里。此文件夹中的所有内容将按原样复制到

dist

。

参考：https://vitejs.dev/guide/assets.html#the-public-directory

Answer 3

您可以在根目录中创建相同的 _redirects 文件，然后修改构建脚本以将其添加到 dist 文件夹中，如下所示

  "build": "vite build && cp ./_redirects ./dist/_redirects",

Answer 4

原来，我们需要在 public 文件夹中找到 _redirects 文件，它会在构建时自动移动到 dist 文件夹（当我们使用 vite 时，netlify 认为它是根文件夹）

Answer 5

使用 netlify.toml 文件

1. 在存储库的根目录中创建 netlify.toml 文件
2. 在文件中插入以下代码片段。

---

[[redirects]]
from="/*"
to="{base URL of your site}"
status=200

---

这对我有用。

参考

Netlify 重定向配置重定向选项

Netlify配置文件（netlify.toml）配置文件