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。

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