nginx刷新显示404

前言

nginx部署完项目后,访问时 刷新后 就会出现404的报错界面(没有配置情况下,而且不是首页根目录刷新)

当重新访问首页后,又恢复正常,只要一刷新就会出现这个问题。这是为什么呢?

其实很简单就是你的nginx配置上没有添加重定向跳转。

报错原因

因为web单页面开发模式,只有一个index.html入口,其他路径是前端路由去跳转的,nginx没有对应这个路径,当然就是404了。

解决的方式很简单,就是在我们的代理映射处,配置下面这段代码即可成功搞定,不再出现404!

配置完后 重启nginx服务即可正常的刷新访问了

#在配置中加上try_files,意思跟翻译差不多,“尝试读取文件”。

try_files $uri $uri/ /index.html =404;

 

try_files 表示的是检查文件是否存在,就是指的在每次匹配URL路径的时候,找不到对应的静态资源的时候自动跳转到index.html文件。

还有另外一种404的错误,那就是nginx访问的文件权限问题。

比如,你访问的路径,他要的权限是root权限,而我们启动nginx的权限是普通用户权限,则会因为权限不错,导致无法正常访问。
 

说明

为什么刷新页面会出现这种情况

如:http://192.168.0.180:8080/index.html ,此时刷新页面的时候回去根据浏览器的url, 访问nginx上请求对应的静态资源,而nginx会根据localhost / 的匹配规则在dist文件夹里面没有找到对应的静态文件index,所以就会报错404。

大致就是这样的情况,如有问题欢迎留言交流。

转载请说明出处内容投诉
CSS教程_站长资源网 » nginx刷新显示404

发表评论

欢迎 访客 发表评论

一个令你着迷的主题!

查看演示 官网购买