React Router Error: Not able to load different urls separately other than home page by build on Netlify
React Router Error: Not able to load different urls separately other than home page by build on Netlify
我对反应有点陌生,所以我在我的个人投资组合网站上遇到了一个问题,我不知道如何解决它
问题是当我打开我的网站时它会把我带到我的主页,这很好,当我从我的主页转到其他页面时它工作正常但是当我想直接转到关于页面而不是我无法访问它。
例如
https://sparsh-saxena.netlify.app/
这是我的主页,如果我将其键入 url 它可以正常工作
但是如果我想打开我的关于页面或我的投资组合中的任何其他页面,那是行不通的
喜欢: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 支持 client-side 路由(这里是你实际 objective)。你需要支持pushState
.
为此,您需要使用以下重写规则创建一个 public/_redirects
文件:
/* /index.html 200
现在,当您构建用于部署的项目时,它应该可以正常工作!
长话短说:
- 在 React 项目的
public
文件夹中创建一个 _redirects
文件
- 给它以下内容:
/* /index.html 200
- 构建您的项目
- 将其部署到 Netlify
我对反应有点陌生,所以我在我的个人投资组合网站上遇到了一个问题,我不知道如何解决它
问题是当我打开我的网站时它会把我带到我的主页,这很好,当我从我的主页转到其他页面时它工作正常但是当我想直接转到关于页面而不是我无法访问它。
例如
https://sparsh-saxena.netlify.app/
这是我的主页,如果我将其键入 url 它可以正常工作
但是如果我想打开我的关于页面或我的投资组合中的任何其他页面,那是行不通的
喜欢: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 支持 client-side 路由(这里是你实际 objective)。你需要支持pushState
.
为此,您需要使用以下重写规则创建一个 public/_redirects
文件:
/* /index.html 200
现在,当您构建用于部署的项目时,它应该可以正常工作!
长话短说:
- 在 React 项目的
public
文件夹中创建一个_redirects
文件 - 给它以下内容:
/* /index.html 200
- 构建您的项目
- 将其部署到 Netlify