Vue-cli跨域失效

前言:
原本是在完成老师布置的一个使用Vue-cli跨域axion访问淘宝接口的任务。结果跨域的时候出现了问题

问题:
我在开启跨域修改axion原本访问的路径后,访问接口报错404,一开始我一直以为是路径的问题

解决过程:
等我吃完晚饭后还特地回去找了一篇关于Vue-cli使用vue.config.js文件进行配置跨域基本原理的视频(之前并没有接触过跨域),从而得知:跨域的原理是配置一个拦截器,当发送请求的路径出现与拦截条件相同的字段时,会进行拦截,之后将请求路径进行一个替换。之后我沉思萌生了一个可能性:vue.config.js根本就没有成功加载,没有加载那么路径就不会替换,不会替换那么原本被修改的路径会因为路径不对而报404

解决:
最终查到是因为Vue-cli的版本过低,版本必须高于3.0,更新版本为4.0后成功解决问题

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值