当前位置: 首页 > 新闻动态 > 技术教程

Nginx配置React项目时报404怎么解决

作者:WBOY 浏览: 发布日期:2023-05-16
[导读]:大家都知道,当写完项目后,要对项目进行部署,配置很简单location/demo{rootE:/;indexindex.htmlindex.htm;}这样配置的有一个问题,只能http://localhost/demo/来访问。如果想访问里面的其它界面如http://localhost/demo/page1的话,就报404找不到页面。可是开发的时候,确实没有问题,可以进行访问的,于就想难道必须得用node来项目吗?不会吧,也许是自己不会配置所致。解决方法终于找到办法了,在其它人的nginx.co

大家都知道,当写完项目后,要对项目进行部署,配置很简单

location /demo {

root E:/;

index index.html index.htm;

}

这样配置的有一个问题,只能 http://localhost/demo/来访问。

如果想访问里面的其它界面如 http://localhost/demo/page1的话,就报404找不到页面。

可是开发的时候,确实没有问题,可以进行访问的,于就想难道必须得用node来项目吗?不会吧,也许是自己不会配置所致。

解决方法

终于找到办法了,在其它人的nginx.config里发现多加了一行东西。

location /demo {

root E:/;

#加上了这个,就可以在url后面直接加路由上配置path了。

try_files $uri /demo/index.html;

index index.html index.htm;

}

免责声明:转载请注明出处:http://shjed.com/news/246868.html

扫一扫高效沟通

多一份参考总有益处

免费领取网站策划SEO优化策划方案

请填写下方表单,我们会尽快与您联系
感谢您的咨询,我们会尽快给您回复!