Vue中如何利用axios将json数据转换为form data

本文小编为大家详细介绍“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”文章已经介绍完毕，想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会，如果想了解更多相关内容的文章，欢迎关注亿速云行业资讯频道。