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


Posted in Javascript onOctober 29, 2019

修改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的例子就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
小议Javascript中的this指针
Mar 18 Javascript
JS俄罗斯方块,包含完整的设计理念
Dec 11 Javascript
javascript实现数独解法
Mar 14 Javascript
js完美解决IE6不支持position:fixed的bug
Apr 24 Javascript
Jquery+Ajax+PHP+MySQL实现分类列表管理(上)
Oct 28 Javascript
jquery实现左右无缝轮播图
Jul 31 Javascript
微信小程序 地图map详解及简单实例
Jan 10 Javascript
js实现PC端根据IP定位当前城市地理位置
Feb 22 Javascript
js实现百度登录框鼠标拖拽效果
Mar 07 Javascript
bootstrap时间控件daterangepicker使用方法及各种小bug修复
Oct 25 Javascript
Vue.js实现备忘录功能
Jun 26 Javascript
webpack proxy 使用(代理的使用)
Jan 10 Javascript
详解Vue 项目中的几个实用组件(ts)
Oct 29 #Javascript
JS操作json对象key、value的常用方法分析
Oct 29 #Javascript
JQuery 实现文件下载的常用方法分析
Oct 29 #jQuery
Vue 设置axios请求格式为form-data的操作步骤
Oct 29 #Javascript
js单线程的本质 Event Loop解析
Oct 29 #Javascript
解决axios post 后端无法接收数据的问题
Oct 29 #Javascript
使用axios请求接口,几种content-type的区别详解
Oct 29 #Javascript
You might like
zf框架的校验器使用使用示例(自定义校验器和校验器链)
2014/03/13 PHP
jQuery 学习入门篇附实例代码
2010/03/16 Javascript
jQuery插件开发全解析
2012/10/10 Javascript
jquery实现每个数字上都带进度条的幻灯片
2013/02/20 Javascript
原生javascript和jquery判断浏览器版本等信息
2013/07/04 Javascript
探寻Javascript执行效率问题
2014/11/12 Javascript
基于jQuery实现的图片切换焦点图整理
2014/12/07 Javascript
jquery代码实现简单的随机图片瀑布流效果
2015/04/20 Javascript
移动端jQuery修正Web页面滑动时div问题的两则实例
2016/05/30 Javascript
js实现HashTable(哈希表)的实例分析
2016/11/21 Javascript
基于EasyUI的基础之上实现树形功能菜单
2017/06/28 Javascript
详解使用jQuery.i18n.properties实现js国际化
2018/05/04 jQuery
angularjs实现table表格td单元格单击变输入框/可编辑状态示例
2019/02/21 Javascript
七行JSON代码把你的网站变成移动应用过程详解
2019/07/09 Javascript
layui 地区三级联动 form select 渲染的实例
2019/09/27 Javascript
浅谈Vue SSR中的Bundle的具有使用
2019/11/21 Javascript
javascrpt密码强度校验函数详解
2020/03/18 Javascript
matplotlib在python上绘制3D散点图实例详解
2017/12/09 Python
Python命令行解析模块详解
2018/02/01 Python
Python变量赋值的秘密分享
2018/04/03 Python
python中append实例用法总结
2019/07/30 Python
Python命令行参数argv和argparse该如何使用
2021/02/08 Python
利用html5 file api读取本地文件示例(如图片、PDF等)
2018/03/07 HTML / CSS
HTML5中语义化 b 和 i 标签
2008/10/17 HTML / CSS
html5用video标签流式加载的实现
2020/05/20 HTML / CSS
澳大利亚免息网上购物:Shop Zero
2016/09/17 全球购物
大韩航空官方网站:Korean Air
2017/10/25 全球购物
Fresh馥蕾诗英国官网:法国LVMH集团旗下高端天然护肤品牌
2018/11/01 全球购物
Fenty Beauty官网:蕾哈娜创立的美妆品牌
2021/01/07 全球购物
银行实习的自我鉴定
2013/12/10 职场文书
四风剖析查摆对照检查材料思想汇报
2014/09/24 职场文书
大学生暑期社会实践证明范本
2014/10/24 职场文书
追悼会答谢词
2015/01/05 职场文书
新学期开学寄语2016
2015/12/04 职场文书
vue报错function () { [native code] },无法出现我们想要的内容 Unknown custom element
2022/04/11 Vue.js
python实现双向链表原理
2022/05/25 Python