html 从netlify托管的reactjs中的链接断开

6tqwzwtp  于 2023-08-01  发布在  React
关注(0)|答案(4)|浏览(99)

我最近通过github在Netlify上托管,我的网站是从reactjs渲染的。我的网址是https://realhomes.netlify.com/。因此,当我试图从其他页面重新加载我的网站,除了从主页(索引页),它显示断开的链接,我不知道如何修复它。请帮帮我

von4xj4u

von4xj4u1#

看起来你在你的网站中使用react-router在不同的页面之间路由。如果是这种情况,您需要告诉Netlify为所有内容提供index.html文件,而不仅仅是站点的根目录。
this netlify blog post
如果你选择使用路由(例如React Router),你需要为单页应用设置一个重定向和重写规则。
尝试将/* /index.html 200添加到发布目录中的_redirects文件中,或将以下内容添加到netlify.toml中。

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

字符串
在这里阅读文档

pgx2nnw8

pgx2nnw82#

在公共文件夹中创建_redirects文件并添加/* /index.html 200,现在您的应用不会在刷新时崩溃。

8fsztsew

8fsztsew3#

如果有人想知道netlify.toml文件的样子,你可以在我的github仓库Link Here中找到它,它可以工作。

kzipqqlq

kzipqqlq4#

创建文件:_重定向
content:/*/index. html 200

  • 如果您正在部署构建文件夹,请确保遵循构建中静态文件夹下的构建成功make文件之后的步骤

a short example

相关问题