vue webpack配置跨域

一般不是同源策略都需要跨域,本人用的是webpack配置代理跨域,下面配置过程:

首先,找到config下 的index.js 

vue webpack配置跨域_第1张图片

然后 index.js打开,找到proxyTable进行配置 下面是我配置要访问的服务器地址,都附有解释

vue webpack配置跨域_第2张图片

在请求数据组件修改请求数据地址路劲,因为http://39.97.33.178被/miao代替,所以好比我要访问 http://39.97.33.178/api/movieOnInfoList?cityId=10 路劲改为"/miao/api/movieOnInfoList?cityId=10"   就可以访问到  如下:

vue webpack配置跨域_第3张图片

第一次自主配置跨域成功,表示很开心,没想到跨域也就这么一回事 记录开心一刻

 

你可能感兴趣的:(vue基础)