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

发布时间：2020-05-23 08:05:13 所属栏目：Nginx 来源：互联网

导读：我将react.js应用程序上传到服务器.我正在使用nginx服务器.申请工作正常.但是当我去其他页面刷新,网站无法正常工作.它显示404未找到错误.我该怎么解决这个问题.谢谢.当您的react.js应用加载时,路由由react-router在前端处理.比如说你在http://a.com.然后在页

我将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发送回浏览器.

（编辑：安卓应用网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!