Vue开发环境接口跨域问题

• 利用proxyTable属性实现跨域请求

参考
推荐使用proxyTable来实现，不过我当时配置完成后请求一直报错，所以才改用nginx来实现。

• 利用nginx实现

接口地址：
http://localhost:8000/
vue项目 启动地址http://localhost:8080/
配置nginx：
在使用Nginx作为代理服务器，并在配置中对应的location下添加上如下的设置：

add_header 'Access-Control-Allow-Origin' 'http://localhost:8080';  
add_header 'Access-Control-Allow-Credentials' 'true';  

修改

 proxy_pass  http://localhost:8000;
 //报502错误可以修改为http://127.0.0.1:8000

获取本地IP
修改请求地址：http://192.168.2.175/api/list