vue之本地代理解决跨域问题
配置 webpack 将接口代理到本地
到项目中找到/config/index.js 文件,找到以下代码:
配置如下:
![](https://images2017.cnblogs.com/blog/1139014/201711/1139014-20171122182531336-300972120.png)
我们这样配置好后,就可以将接口代理到本地了
重新配置 src/api/index.js 文件
在上面我们的代理已经配置好了,但是我们的/src/api/index.js还需要调用人家的地址,所以我们来重新配置/src/api/index.js文件,如下
在上面我们的代理已经配置好了,但是我们的/src/api/index.js还需要调用人家的地址,所以我们来重新配置/src/api/index.js文件,如下
![](https://images2017.cnblogs.com/blog/1139014/201711/1139014-20171122182928415-1764167623.png)
跨域问题一般仅存在于开发环境上,到实际生产环境上一般不存在跨域问题了,所以采用这种方式来进行配置,能很好的解决跨域问题。值得注意的是,配置完代理后是不会立即生效的,需要重启服务器。
我们按Ctrl+c先停掉服务,然后再用cnpm run dev重启服务即可。
![](https://images2017.cnblogs.com/blog/1139014/201711/1139014-20171122183232165-767903065.png)
![](https://images2017.cnblogs.com/blog/1139014/201711/1139014-20171122183320180-333738666.png)
如此拿到了数据则为成功