美文网首页
[vue]开发axios篇

[vue]开发axios篇

作者: Re_Vive | 来源:发表于2018-05-25 01:10 被阅读0次

前情提要:公司用think+mui+jquery3开发页面,不是很爽。遂使用vue全家桶开始练习重构一下公司的项目
使用axios调用后台数据,简单的使用的get方法,还没遇到坑,先说post吧

一、开发登陆页面

配代理后使用post请求返回的是html页面,

  1. 坑1
    使用data做formData传值 ,查看请求头,发现data数据变成json字符串
    使用qs.srtingify(data),将data数据序列化,formData正常,但返回的是html数据
    请求头加上'X-Requested-With': 'XMLHttpRequest'后返回数据正常
axios({
  method:'post',
  url: url,
  data: qs.stringify(data), //第一次返回一行&连接的字符,第二次正常
  headers: {
    'content-type': 'application/x-www-form-urlencoded' ,
    'X-Requested-With': 'XMLHttpRequest'
  }
  }).then((res)=>{
    console.log(res.data)
})

(遇坑随时更新)

相关文章

网友评论

      本文标题:[vue]开发axios篇

      本文链接:https://www.haomeiwen.com/subject/naoejftx.html