Nginx反向代理解决Vue跨域问题

1.配置conf目录下的nginx.conf文件里的server

server {
        listen       8080;
        server_name  localhost;

        location / {
            root   html/dist;
            index  index.html index.htm;
        }
         //在下面这里配置反向代理 axios 以及ajax请求一定要是本地的连接，不要请求后台端口，让代理的去请求后台端口，这样才不会跨域（只有请求本地的端口以后，nginx才可以进行反向代理）
	    location /api/ {                    //请求连接遇到/api/以后自动将前面的连接转换为下面
                                            //proxy_pass 里面的地址

            proxy_pass   http://127.0.0.1:7001; //这里注意空格的数量
        }
    }

2.详解！！！！！仔细看 这里面有坑

本地地址为                  http://127.0.0.1:8080

后端端口地址为         http://127.0.0.1:7001

1.在挂载的静态文件中的axios以及其他请求都设置请求为本地也就是 http://127.0.0.1:8080这样才可以进行反向代理

2.nginx.conf文件里面按代码里面新增加一个location

 请求连接遇到/api/以后自动将前面的连接转换为下面proxy_pass 里面的地址

axios 以及ajax请求一定要是本地的连接，不要请求后台端口，让代理的去请求后台端口，这样才不会跨域（只有请求本地的端口以后，nginx才可以进行反向代理）

3.最坑的就是格式错误了 空格啦 换行啦啥的都会跨域失败