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;
}