前情提要:公司用think+mui+jquery3开发页面,不是很爽。遂使用vue全家桶开始练习重构一下公司的项目
使用axios调用后台数据,简单的使用的get方法,还没遇到坑,先说post吧
一、开发登陆页面
配代理后使用post请求返回的是html页面,
- 坑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)
})
(遇坑随时更新)
网友评论