Nginx   发布时间:2022-05-11  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了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发送回浏览器.

大佬总结

以上是大佬教程为你收集整理的reactjs – react.js应用程序显示在nginx服务器中找不到404全部内容,希望文章能够帮你解决reactjs – react.js应用程序显示在nginx服务器中找不到404所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: