nginx解决vuecli项目部署到线上的跨域问题

nginx配置文件

worker_processes  1;

events {
    worker_connections  1024;
}

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

    sendfile        on;

    keepalive_timeout  65;

    server {
        listen       8082;

        #access_log  logs/host.access.log  main;

        location / {
            root   /home/seller/front/dist;
            try_files $uri $uri/ /index.html;  #解决刷新报404的问题
            index  index.html index.htm;
            autoindex on;
        }

        location /seller/ {
            proxy_pass http://124.70.13.90:8087;
        }

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

    server {
        listen       8083;

        #access_log  logs/host.access.log  main;

        location / {
            root   /home/manage/front/dist;
            try_files $uri $uri/ /index.html;  #解决刷新报404的问题
            index  index.html index.htm;
            autoindex on;
        }

        location /manage/ {
            proxy_pass http://124.70.13.90:8088;
        }

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

}

关键：

 location /manage/ {
            proxy_pass http://124.70.13.90:8088;
        }

vue项目中的配置：配置VUE_APP_URL与上边location后边的一致

1、配置.env

 2、配置axios请求