Vue axios 将传递的json数据转为form data的例子

作者:雾松时间:2026-10-23 12:29:17浏览:252

本文介绍如何在Vue项目中通过axios配置将JSON数据转换为Form Data格式。核心步骤包括引入qs模块,在请求拦截器中使用qs.stringify处理非GET请求的数据,并修改Content-Type为application/x-www-form-urlencoded,确保后端正确接收参数。

axios 配置步骤

首先,需要修改项目中的 main.js 文件,对 axios 进行相关配置。

在发起网络请求之前,利用 qs 模块对数据进行转换处理。

同时,需将请求头中的 Content-Type 设置为 'application/x-www-form-urlencoded'。

具体的配置代码实现如下所示:

请求拦截器代码实现


import axios from 'axios'
import qs from 'qs'
// 添加请求拦截器
axios.interceptors.request.use(function (config) {
 if(config.method!='get'){
  config.data=qs.stringify(config.data);
 }
 config.headers['Content-Type'] = 'application/x-www-form-urlencoded';
 return config;
},function (error) {
 return Promise.reject(error)
})

以上关于 Vue axios 将传递的 json 数据转为 form data 的例子就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持本站。

作者最新文章
相关文章
更多