reactjs 如何在Netlify中使用vite和react重定向路由?

ruarlubt  于 2022-11-22  发布在  React
关注(0)|答案(4)|浏览(177)

我需要重定向到Netlify上的一个react项目的主页,但我使用的是vite。
我曾经使用CRA(create-react-app)并使用此配置在公共文件夹中创建**_redirects**文件来执行此操作。

/*  /index.html 200

我在生活中怎么做?

rjee0c15

rjee0c151#

尝试在根目录中创建一个netlify.toml文件。
网络化.toml

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

mcdcgff02#

@sarthak的回答很好,你只需要在构建时将_redirects复制到dist文件夹中。
只需创建一个名为public的文件夹,并将您的_redirects放入其中。此文件夹中的所有内容都会原样复制到dist中。
参考:https://vitejs.dev/guide/assets.html#the-public-directory

bxfogqkk

bxfogqkk3#

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

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

pu82cl6c4#

结果是,我们需要在公共文件夹中定位_redirects文件,在构建时,该文件将自动移动到dist文件夹(当我们使用vite时,netlify将其视为根文件夹)中

相关问题