部署VUE项目

流程图工具http://www.flowcloud.work/#/

常见问题404

原因：打包后访问就后端接口404

需要在axios中设置下请求前缀，然后npm run build重新打包。

然后在nginx中根据请求前缀，转发请求到实际后端接口的地址上

nginx配置

user  root;
worker_processes  1;
 
events {
    worker_connections  1024;
}


http {
    include       mime.types;
    default_type  application/octet-stream;

    sendfile        on;
 
    keepalive_timeout  65;

    server {
        listen       80;
        server_name  localhost;

 
        location / {
            root  /home/flowDemo/dist;
            index  index.html index.htm;
        }

        #/pro-api/ 为请求前缀
        location /pro-api/ {
            proxy_set_header Host $http_host;
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header REMOTE-HOST $remote_addr;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
            proxy_pass http://8.142.**.*7:8080/; 
        }

        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }

    }

}

重新访问