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

 更新时间:2019年10月29日 11:36:23   作者:GallopYD  
今天小编就为大家分享一篇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的例子就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • 使用vue构建一个上传图片表单

    使用vue构建一个上传图片表单

    这篇文章主要为大家详细介绍了使用vue构建一个上传图片表单,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-07-07
  • Vue 3.0 全家桶抢先体验

    Vue 3.0 全家桶抢先体验

    这篇文章主要介绍了Vue 3.0 全家桶抢先体验,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-04-04
  • 关于vue-router的beforeEach无限循环的问题解决

    关于vue-router的beforeEach无限循环的问题解决

    本篇文章主要介绍了关于vue-router的beforeEach无限循环的问题解决,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-09-09
  • Vue3公共组件的main.js的作用、常用代码解析

    Vue3公共组件的main.js的作用、常用代码解析

    在Vue3中,公共组件的main.js文件扮演着非常重要的角色,它的作用主要体现在:注册全局组件、引入公共样式、引入Vue、引入组件、创建Vue实例、挂载实例,本文将围绕Vue3公共组件的main.js文件进行详细的阐述,包括其作用、常用代码等方面
    2023-08-08
  • Vue混入mixins滚动触底的方法

    Vue混入mixins滚动触底的方法

    这篇文章主要介绍了Vue混入mixins滚动触底的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-11-11
  • vue实现顶部左右滑动导航

    vue实现顶部左右滑动导航

    这篇文章主要为大家详细介绍了vue实现顶部左右滑动导航,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-06-06
  • vue3中7种路由守卫的使用大全举例

    vue3中7种路由守卫的使用大全举例

    最近在学习vue,感觉路由守卫这个地方知识点挺多的,而且很重要,下面这篇文章主要给大家介绍了关于vue3中7种路由守卫的使用大全,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2023-03-03
  • Vue配合iView实现省市二级联动的示例代码

    Vue配合iView实现省市二级联动的示例代码

    本篇文章主要介绍了Vue配合iView实现省市二级联动的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-07-07
  • 基于Vue+element-ui 的Table二次封装的实现

    基于Vue+element-ui 的Table二次封装的实现

    这篇文章主要介绍了基于Vue+element-ui 的Table二次封装的实现,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-07-07
  • vue实现网络图片瀑布流 + 下拉刷新 + 上拉加载更多(步骤详解)

    vue实现网络图片瀑布流 + 下拉刷新 + 上拉加载更多(步骤详解)

    这篇文章主要介绍了vue实现网络图片瀑布流 + 下拉刷新 + 上拉加载更多,本文分步骤通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-01-01

最新评论