前言
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。
大致就是这样的情况,如有问题欢迎留言交流。