axios请求第三方接口跨域问题

这两天重新把vue捡了起来,发现原来用的vue-resource貌似已经不用了 官方文档也不在推荐这个了 而是推荐axios这个,所以这两天找了个第三方的接口(爱奇艺的接口)用vue+iview+axios试着做了点小东西,后来发现这个跨域问题真的好难搞。网上找了好多资料,总结一下。

1.在本地开发环境遇到的跨域问题

这个网上提供了解决方案,就是在config/index下设置代理,有很多资料就不在详细说了,确实在本地环境能进行访问,但是打成包后就又出现了跨域的问题。所以并不是一个真正的解决方案。

2.根据不同环境设置访问api_host

这个也是网上提供的一个解决方案,但是本人尝试一下发现并没有解决问题。如果有人解决了问题可以告诉下萌新是如何解决的。

3.后台代理

在网上搜索的时候看到了一个北极熊猫的博客(https://www.bear777.com/blog/vue-vue-axios-vue-resource-vue   这是原文链接)看到了代理那里,用了别人提供好的代理后台解决了问题,后面的两种自己做代理的方案本人没有尝试(因为第一个尝试成功了,就懒得再弄了。。。),很感谢这位大仙提供的解决方案。

其实最好的办法还是在后台那里做下处理,然后自己的练手项目请求第三方后台却没法做处理,以上就是我在处理问题是遇到的问题和解决方法,如果后台代理那里提供的链接有侵权或者别的问题请及时联系我,我会根据反馈作出相应处理,谢谢!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值