Vue项目Nginx代理F5刷新出现404问题解决

一.背景

项目用户反馈，F5刷新后，浏览器出现404。最近公司加强网络管理，我记得之前可以刷新，有点怀疑是跟加强网络管理有关。具体原因没有时间去深度跟踪，先百度找到了解决方法，记录一下。

二.解决办法

主要是修改了nginx的配置

location / {root  dist;index  index.html index.htm;try_files $uri $uri/ @router;index index.html;
}
location @router {rewrite ^.*$ /index.html last;
}