1、序言
昨晚,搞了个第三方接口,想搞点事情,居然给我报跨域的错误,
这要是我自己的接口,我还能后端解决,这时第三方接口,该怎么破,这就得请上我们得代理了
2、配置项目代理
这是vue cli生成的项目,打开config目录。我们能看到下面的三个文件,打开index.js
进去之后,我们需要在proxyTable字段中添加
这里的/proxyApi你可以自己编写,喜欢就行,然后就是target,是要代理访问的网址,配完之后,在axios的访问地址就是/proxyApi/路径
意思就是代理会识别到proxyApi,然后代你访问目标api,解决跨域问题,值得说得一点是,改完这个之后,记得重新npm run dev
'/proxyApi': {
target:'http://app...com/api/v1/', // 代理目标
changeOrigin:true, //是否跨域
pathRewrite:{
'^/proxyApi': '/' //重写路径
}
}