vue+axios中post请求时使用formData形式传参

最新推荐文章于 2025-11-14 05:26:05 发布

原创最新推荐文章于 2025-11-14 05:26:05 发布 · 2.9k 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#vue #post #vue.js #jquery

vue.js 专栏收录该内容

4 篇文章

订阅专栏

本文介绍如何在Vue结合Axios中通过FormData形式发送POST请求。主要步骤包括：引入qs库、设置content-type为application/x-www-form-urlencoded、使用qs.stringify方法对参数进行序列化，并展示了具体的axios.post调用实例。

vue+axios中post请求时使用formData形式传参

1.引入 qs。

// 引入qs
import qs from 'qs'

// 引入qs
import qs from 'qs'

2.设置content-type

//  content-type

headers: {
		'Content-Type': 'application/x-www-form-urlencoded',
}

// 设置content-type
headers: {
		'Content-Type': 'application/x-www-form-urlencoded',
}

3.将参数进行转换qs.stringify(postPara)

// qs.stringify(postPara)
let postPara = Object.assign(para,{'access_token': sessionStorage.getItem('token'),})
axios.post(common.url(url), qs.stringify(postPara), config).then(res => {
	    resolve(res);
	  }, err => {
	  	  reject(err);
	  }).catch((error) => {
		  reject(error)
	})