reactjs – react.js应用程序显示在nginx服务器中找不到404
发布时间:2021-02-21 15:17:35 所属栏目: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或启用网站的地方进行以下更改
这告诉nginx查找指定的$uri,如果找不到,则将index.html发送回浏览器. (编辑:商洛站长网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
相关内容
- apache-2.2 – nginx重定向回remote_addr IP
- Nginx代理到在不同CoreOS节点上运行的许多容器
- python – 如何在执行模式下使用SELinux运行Flask Nginx uW
- nginx php-fpm child退出,代码为0
- mysql – 什么可能导致Rails创建重复记录?
- 在nginx重写中发送额外的标头
- Nginx – 重写和pass_proxy到另一个端口导致404找不到
- amazon-web-services – 为什么我得到ElasticBeanstalk ::
- Bash:Nginx版本检查
- TeamCity,nginx和Websockets – 501错误