axios.js以post方式传递数据后台获取不到数据，这到底是什么原因

同名公众号 - 人生代码

于 2019-01-09 23:59:59 发布

阅读量1.6k

点赞数

CC 4.0 BY-SA版权

分类专栏： web前端 Vue3 + TS 进阶之路文章标签： axios.js以post方式传递数据后台获取不到数据，这到底是什么原

本文链接：https://blog.youkuaiyun.com/qq_36772866/article/details/86189667

Vue3 + TS 进阶之路同时被 2 个专栏收录

129 篇文章 ¥79.90 ¥99.00

订阅专栏

超级会员免费看

web前端

40 篇文章 ¥79.90 ¥99.00

订阅专栏

超级会员免费看

在封装axios.js的post方法时遇到问题，后台无法获取到数据。原因是请求头Content-Type未设置为'application/x-www-form-urlencoded'，导致数据以Request Payload形式发送。通过设置请求头和使用全局拦截器，以及引入qs库，成功解决了后台获取不到数据的问题。

这篇文章始于自己封装了axios.js的里面的get方法，和post方法
首先我们先来看看
使用说明 · Axios 中文说明 · 看云
http://link.zhihu.com/?target=https%3A//www.kancloud.cn/yunye/axios/234845

axios.post()方法

axios({
	method: 'post',
	url: '/user/123456',
	data: {
		username: 'ken',
		password: '123456'
	}
})

axios.post('/user', {
    firstName: 'Fred',
    lastName: 'Flintstone'
})

axios.get()方法

axios({
	method: 'get',
	url: '/user/123456',
})

// 可选地，上面的请求可以这样做
axios.get('/user', {
	params: {
	  ID: 12345
	}
})

这个下面是我的封装的伪代码

//伪代码的编写
axios({
	method: 'post' || 'get',
	url: '/user/123456',
	data: {
		username: 'ken',
		password: '123456',
	} || params: {
		ID: '

了解本专栏

超级会员免费看