[vue]开发axios篇

2018-05-25  本文已影响0人  Re_Vive

前情提要:公司用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)
})

(遇坑随时更新)

上一篇 下一篇

猜你喜欢

热点阅读