reactjs – react.js应用程序显示在nginx服务器中找不到404

我将react.js应用程序上传到服务器.我正在使用Nginx服务器.申请工作正常.但是当我去其他页面&刷新,网站无法正常工作.它显示404未找到错误.

我该怎么解决这个问题.

谢谢.

当您的react.js应用加载时,路由由react-router在前端处理.比如说你在http://a.com.然后在页面上导航到http://a.com/b.此路由更改在浏览器本身中处理.现在,当您在新选项卡中刷新或打开URL http://a.com/b时,请求将转到您的Nginx,其中特定路径不存在,因此您获得404.

为了避免这种情况,您需要为所有不匹配的路由加载根文件(通常是index.html),以便Nginx发送文件,然后路由由浏览器上的您的react应用程序处理.要做到这一点,你必须在你的Nginx.conf或启用网站的地方进行以下更改

location / {
 try_files $uri /index.html;
}

这告诉Nginx查找指定的$uri,如果找不到,则将index.html发送回浏览器.