脚本宝典收集整理的这篇文章主要介绍了使用vue2+Axios遇到的一些坑，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

1. 向服务器请求两次的情况

• （1）axios的默认请求头是Content-Type: application/json，使用这个请求头会出现向服务器请求两次的情况；
  （2）浏览器会首先使用 OPTIONS 方法发起一个预请求，判断接口是否能够正常通讯，如果不能就不会发送真正的请求过来，
  如果测试通讯正常，则开始真正的请求；

  浏览器对后台说：我可以请求你吗？ (￣ˇ￣)　
  后台说：阔以。(￣▽￣)~*
  结果是：发送原有的GET(POST)请求
  后台说：不阔以。(‵﹏′)
  结果是：报错

• （3）解决方法：设置axios的默认请求头axios.defaults.headers['Content-Type'] = 'application/x-www-form-urlencoded'（使用qs模块可以不设置，qs模块会自己设置。）；
  （4）设置之后，后台不认这个数据格式，所以在传递的时候必须先把数据转换格式；

  // step1. npm install qs
  // step2. 在main.js中，引入qs模块
  import qs from 'qs';
  // 需要时调用qs.stringify()方法
  this.$axios.post('api/login', qs.stringify({ 
      name: 'xxx', 
      password: '********' 
  }).then(res => {
      
  }).catch(err => {
  
  });

脚本宝典总结

以上是脚本宝典为你收集整理的使用vue2+Axios遇到的一些坑全部内容，希望文章能够帮你解决使用vue2+Axios遇到的一些坑所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。