React Router错误:无法通过在Netlify上构建来单独加载主页以外的不同URL



我对反应有点陌生,所以我在我的个人投资组合网站上遇到了一个问题,我不知道如何解决它

问题是当我打开我的网站时,它会把我带到我的主页,这很好,当我从主页转到其他页面时,它很好,但当我想直接转到about页面时,我无法访问它。

例如

https://sparsh-saxena.netlify.app/这是我的主页,如果我把它作为url键入,它可以很好地

但是如果我想打开我的about页面或我投资组合中的任何其他页面,它都不起作用类似:https://sparsh-saxena.netlify.app/about

它显示->Page Not Found Looks like you've followed a broken link or entered a URL that doesn't exist on this site.

如有任何帮助,将不胜感激

为了支持Netlify的客户端路由(这是您的实际目标(。您需要支持pushState

为此,您需要使用以下重写规则创建一个public/_redirects文件:

/* /index.html 200

现在,当您构建用于部署的项目时,它应该可以正常工作!

TL;DR:

  • 在React项目的public文件夹中创建一个_redirects文件
  • 给它以下内容:/* /index.html 200
  • 构建您的项目
  • 将其部署到Netlify

最新更新