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使用openlayers实现绘制圆形和多边形

    Vue使用openlayers实现绘制圆形和多边形

    这篇文章主要为大家详细介绍了Vue如何使用openlayers实现绘制圆形和多边形,文中的示例代码讲解详细,感兴趣的小伙伴快跟随小编一起动手尝试一下
    2022-06-06
  • vue 通过下拉框组件学习vue中的父子通讯

    vue 通过下拉框组件学习vue中的父子通讯

    这篇文章主要介绍了vue 通过下拉框组件学习vue中的父子通讯的相关知识,文中涉及到了父组件,子组件的实现代码,需要的朋友可以参考下
    2017-12-12
  • 解决Element组件的坑:抽屉drawer和弹窗dialog

    解决Element组件的坑:抽屉drawer和弹窗dialog

    这篇文章主要介绍了解决Element组件的坑:抽屉drawer和弹窗dialog问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-07-07
  • vue+webpack实现异步组件加载的方法

    vue+webpack实现异步组件加载的方法

    下面小编就为大家分享一篇vue+webpack实现异步组件加载的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-02-02
  • Vue如何实现分页功能代码实例

    Vue如何实现分页功能代码实例

    这篇文章主要给大家介绍了关于Vue如何实现分页功能的相关资料,Vue分页功能的实现需要前端和后端共同配合完成,文中通过代码实例介绍的非常详细,需要的朋友可以参考下
    2023-09-09
  • Vue中父子组件的值传递与方法传递

    Vue中父子组件的值传递与方法传递

    这篇文章主要介绍了Vue中父子组件的值传递与方法传递,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-09-09
  • 你不知道的Vue技巧之--开发一个可以通过方法调用的组件(推荐)

    你不知道的Vue技巧之--开发一个可以通过方法调用的组件(推荐)

    这篇文章主要介绍了你不知道的Vue技巧之--开发一个可以通过方法调用的组件,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-04-04
  • 如何在Vue3中使用Ref访问DOM元素详解

    如何在Vue3中使用Ref访问DOM元素详解

    在Vue3中可以使用`ref`来获取DOM元素,下面这篇文章主要给大家介绍了关于如何在Vue3中使用Ref访问DOM元素的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2024-09-09
  • vue3中如何通过ref和$parent结合defineExpose实现父子组件之间的通信

    vue3中如何通过ref和$parent结合defineExpose实现父子组件之间的通信

    这篇文章主要介绍了vue3中通过ref和$parent结合defineExpose实现父子组件之间的通信,Vue3中通过ref和$parent的结合使用,及defineExpose的方法,可以非常便捷地实现父子组件之间的通信,需要的朋友可以参考下
    2023-07-07
  • Vue 项目迁移 React 路由部分经验分享

    Vue 项目迁移 React 路由部分经验分享

    这篇文章主要为大家介绍了Vue 项目迁移 React 路由部分经验分享,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-09-09

最新评论