解决vue处理axios post请求传参的问题


Posted in Javascript onMarch 05, 2018

很多朋友在使用vue的过程中肯定会用到axios 请求,包括现在vux中已经自带了axios,而且用法也很简单,文档中写的比较清楚,但是当我们使用post提交时,却发现有时候会出现参数没有发送到服务器的问题,我记得文档中也说了这一情况的出现,在这里我把这设置情况记录下来,方便下次需要的时候直接使用。不需要翻阅旧代码了。

下面是vux中的使用方式,很简单,把代码放置在main.js中就可以了。如果仅仅使用了vue的话,直接安装了axios的话,设置方式也雷同,就不记录了。

import qs from 'qs'
import es6Promise from 'es6-promise'
import { AjaxPlugin } from 'vux'
Vue.use(AjaxPlugin)
AjaxPlugin.$http.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded'
// POST传参序列化(添加请求拦截器)
AjaxPlugin.$http.interceptors.request.use((config) => {
 // 发送请求之前做某件事
 if (config.method === 'post') {
  config.data = qs.stringify(config.data)
 }
 return config
}, (error) => {
 return error
})

注意:放置在new Vue({})前面

以上这篇解决vue处理axios post请求传参的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQuery 判断页面元素是否存在的代码
Aug 14 Javascript
javascript设计模式 封装和信息隐藏(上)
Jul 24 Javascript
简单的jquery左侧导航栏和页面选中效果
Aug 21 Javascript
JavaScript的设计模式经典之建造者模式
Feb 24 Javascript
12个非常实用的JavaScript小技巧【推荐】
May 18 Javascript
JavaScript面向对象编写购物车功能
Aug 19 Javascript
javascript中的后退和刷新实现方法
Nov 10 Javascript
JS获得多个同name 的input输入框的值的实现方法
Jan 09 Javascript
如何解决.vue文件url引用文件的问题
Jan 18 Javascript
JavaScript变量提升和严格模式实例分析
Jan 27 Javascript
使用layui的router来进行传参的实现方法
Sep 06 Javascript
Vue data的数据响应式到底是如何实现的
Feb 11 Javascript
解决vue2中使用axios http请求出现的问题
Mar 05 #Javascript
在vue项目中引入highcharts图表的方法(详解)
Mar 05 #Javascript
Angular @HostBinding()和@HostListener()用法
Mar 05 #Javascript
详解vue项目打包后通过百度的BAE发布到网上的流程
Mar 05 #Javascript
Angular利用内容投射向组件输入ngForOf模板的方法
Mar 05 #Javascript
axios全局请求参数设置,请求及返回拦截器的方法
Mar 05 #Javascript
axios拦截设置和错误处理方法
Mar 05 #Javascript
You might like
全国FM电台频率大全 - 2 天津市
2020/03/11 无线电
php array_search() 函数使用
2010/04/13 PHP
php 删除记录同时删除图片文件的实现代码
2010/05/12 PHP
php中jQuery插件autocomplate的简单使用笔记
2012/06/14 PHP
setcookie中Cannot modify header information-headers already sent by错误的解决方法详解
2013/05/08 PHP
PHP异常Parse error: syntax error, unexpected T_VAR错误解决方法
2014/05/06 PHP
php之curl实现http与https请求的方法
2014/10/21 PHP
php自定义urlencode,urldecode函数实例
2015/03/24 PHP
javascript学习笔记(五) Array 数组类型介绍
2012/06/19 Javascript
json原理分析及实例介绍
2012/11/29 Javascript
javaScript NameSpace 简单说明介绍
2013/07/18 Javascript
div+css+js实现无缝滚动类似marquee无缝滚动兼容firefox
2013/08/29 Javascript
JavaScript 轮播图和自定义滚动条配合鼠标滚轮分享代码贴
2016/10/28 Javascript
AngularJS使用ng-Cloak阻止初始化闪烁问题的方法
2016/11/03 Javascript
js 将input框中的输入自动转化成半角大写(税号输入框)
2017/02/16 Javascript
浅谈vuex之mutation和action的基本使用
2017/08/29 Javascript
vue服务端渲染缓存应用详解
2018/09/12 Javascript
Vue 子组件与数据传递问题及注意事项
2019/07/11 Javascript
解决layui 表单元素radio不显示渲染的问题
2019/09/04 Javascript
[33:33]完美世界DOTA2联赛PWL S2 FTD.C vs SZ 第二场 11.27
2020/11/30 DOTA
python中的装饰器详解
2015/04/13 Python
编写Python爬虫抓取豆瓣电影TOP100及用户头像的方法
2016/01/20 Python
python 表达式和语句及for、while循环练习实例
2017/07/07 Python
微信跳一跳python辅助脚本(总结)
2018/01/11 Python
Python 统计字数的思路详解
2018/05/08 Python
使用11行Python代码盗取了室友的U盘内容
2018/10/23 Python
Pytorch释放显存占用方式
2020/01/13 Python
python字符串替换re.sub()实例解析
2020/02/09 Python
利用HTML5+css3+jquery+weui实现仿微信聊天界面功能
2018/01/08 HTML / CSS
System.Array.CopyTo()和System.Array.Clone()有什么区别
2016/06/20 面试题
大三学生做职业规划:给未来找个方向
2014/02/24 职场文书
2014年幼儿园植树节活动方案
2014/03/02 职场文书
学校门卫岗位职责
2014/03/16 职场文书
优秀教师事迹材料
2014/12/15 职场文书
邀请函怎么写
2015/01/30 职场文书
2015年评职称个人工作总结
2015/10/15 职场文书