Nginx Vue项目页面刷新404问题

上篇已讲Liunx Jenkins部署Vue项目，接下来在Nginx配置代理。

1.进入到nginx安装目录conf,打开nginx.conf文件

 

2.配置后端代理，前端页面位置及页面

 server {
        listen       80;
        server_name  localhost;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

        location /bpi {
            proxy_pass http://ip:8088/;
            proxy_read_timeout 300s;
        }

        location / {

           #vue项目目录html下文件(绝对路径)
            root   /car_app/www/html/;
            index  index.html index.htm;
            #防止刷新页面出现404
            try_files $uri $uri/ /index.html;
        }

       #防止刷新页面出现404

        location @router {
        rewrite ^.*$ /index.html last;
       }
}

3.用户配置为当前用户名，否则可能出现部署后打开页面报403。