nginx 项目上线后刷新页面丢失 404

nginx vue2项目上线后刷新页面丢失
history 模式下，会出现一个致命的BUG，在服务器上面上线之后，点击页面跳转没有问题，但是一旦点击刷新页面会出现404错误,原因是history模式下刷新界面，就等同于向服务器直接请求
解决：
在ngnix中的server总加入一句话

location / {
    try_files $uri $uri/ /index.html;
}

server
{
    listen 端口号;
    server_name IP地址;
    index index.html;
    root路径;
    #服务器代理
    # location /api/ {
    #     proxy_pass 代理地址;
    # }
    location / {
        try_files $uri $uri/ /index.html;
    }
}

下班~