宝塔nginx部署前端页面刷新报404错误解决办法

server {
    listen   80; # 监听的端心 
    server_name  xx.xx.xxx.xx; # 处置的host所在 （请更换成您对于应的名目造访 ip 或者 域名）!!!
    root    /usr/share/nginx/html; # vue名目具有的目次（交换成您对于应的地点，要是您那是用docker摆设的请改为您容器内的地点）
    
    # 上面二个铺排是环节地址！！！！！！
    location / {
        try_files $uri $uri/ @router;#须要指向上面的@router不然会显现vue的路由正在nginx外刷新浮现404
        index  index.html index.htm;
    }
    #对于应下面的@router，首要原由是路由的路径资源其实不是一个真正的路径，以是无奈找到详细的文件
    #因而须要rewrite到index.html外，而后交给路由正在处置惩罚乞求资源
    location @router {
        rewrite ^.*$ /index.html last;
    }
}