当前位置：首页 > 资讯 > 技术文档

Nginx配置React项目Url后直接输入路由路径时报404问题的解决

时间：2021-04-25 19:58 编辑：来源：阅读：
扫一扫，手机访问

摘要：Nginx配置React项目Url后直接输入路由路径时报404问题的解决

[b]前言[/b] 如今react应用普遍，最近在配置react项目中遇到了一个问题，通过查找相关的资料终于找到了解决的方法，所以想着总结一下分享出来给有需要的朋友们，下面话不多说了，来一起看看详细的介绍吧。 [b]发现问题[/b] 大家都知道，当我们写完项目后，要对项目进行部署，我的配置很简单

location /demo {
 root E:/;
 index index.html index.htm;
}

这样配置的有一个问题，只能 http://localhost/demo/来访问。如果想访问里面的其它界面如 http://localhost/demo/page1的话，就报404找不到页面。可我在开发的时候，确实没有问题，可以进行访问的，于就想难道必须得用node来项目吗？不会吧，也许是我自己不会配置所致。 [b]解决方法[/b] 终于找到办法了，在其它人的nginx.config里发现多加了一行东西。

location /demo {
 root E:/;
 #加上了这个，就可以在url后面直接加路由上配置path了。
 try_files $uri /demo/index.html;
 index index.html index.htm;
}

致于为什么，不清楚，但是功能实现了。在此标记一下，以备后需之用。 [b]总结[/b] 以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，如果有疑问大家可以留言交流，谢谢大家对编程素材网的支持。

全部评论(0)

上一篇：nginx禁止访问.git文件的设置教程
下一篇：Linux Nginx VPS下简单解决CC攻击

资讯排行榜
更多>>