Vue中怎么利用axios将传递的json数据转换为form data

这篇文章给大家介绍Vue中怎么利用axios将传递的json数据转换为form data，内容非常详细，感兴趣的小伙伴们可以参考借鉴，希望对大家能有所帮助。

修改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就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。