解决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 相关文章推荐
抽出www.templatemonster.com的鼠标悬停加载大图模板的代码
Jul 11 Javascript
几种设置表单元素中文本输入框不可编辑的方法总结
Nov 25 Javascript
使表格的标题列可左右拉伸jquery插件封装
Nov 24 Javascript
javascript将数字转换整数金额大写的方法
Jan 27 Javascript
JavaScript中的small()方法使用详解
Jun 08 Javascript
JavaScript编写推箱子游戏
Jul 07 Javascript
js实现网站最上边可关闭的浮动广告条代码
Sep 04 Javascript
Boostrap基础教程之JavaScript插件篇
Sep 08 Javascript
javascript实现非常简单的小数取整功能示例
Jun 13 Javascript
vue中使用 pako.js 解密 gzip加密字符串的方法
Jun 10 Javascript
JavaScript写个贪吃蛇小游戏(超详细)
Mar 17 Javascript
如何利用node转发请求详解
Sep 17 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
生成随机字符串和验证码的类的PHP实例
2013/12/24 PHP
将FCKeditor导入PHP+SMARTY的实现方法
2015/01/15 PHP
PHP简单实现二维数组的矩阵转置操作示例
2017/11/24 PHP
详解PHP 二维数组排序保持键名不变
2019/03/06 PHP
详解php中curl返回false的解决办法
2019/03/18 PHP
ExtJS 2.0实用简明教程 之获得ExtJS
2009/04/29 Javascript
Dreamweaver jQuery智能提示插件,支持版本提示,支持1.6api
2011/07/31 Javascript
jQuery function的正确书写方法
2013/08/02 Javascript
JavaScript动态操作表格实例(添加,删除行,列及单元格)
2013/11/25 Javascript
js实现可得到不同颜色值的颜色选择器实例
2015/02/28 Javascript
jquery移动点击的项目到列表最顶端的方法
2015/06/24 Javascript
vue-router路由简单案例介绍
2017/02/21 Javascript
JavaScript之DOM插入更新删除_动力节点Java学院整理
2017/07/03 Javascript
Bootstrap实现翻页效果
2017/11/27 Javascript
jsonp跨域及实现百度首页联想功能的方法
2018/08/30 Javascript
vue 项目 iOS WKWebView 加载
2019/04/17 Javascript
vue实现一个矩形标记区域(rectangle marker)的方法
2020/10/28 Javascript
绘制微信小程序验证码功能的实例代码
2021/01/05 Javascript
[00:15]TI9地铁玩家打卡
2019/08/11 DOTA
Python对象转JSON字符串的方法
2016/04/27 Python
python做量化投资系列之比特币初始配置
2018/01/23 Python
python中文编码与json中文输出问题详解
2018/08/24 Python
numpy 对矩阵中Nan的处理:采用平均值的方法
2018/10/30 Python
python过滤中英文标点符号的实例代码
2019/07/15 Python
Django Model中字段(field)的各种选项说明
2020/05/19 Python
美国生日蛋糕店:Bake Me A Wish!
2017/02/08 全球购物
便利店促销方案
2014/02/20 职场文书
病媒生物防治方案
2014/05/13 职场文书
我的中国梦演讲稿400字
2014/08/19 职场文书
大学生创业事迹材料
2014/12/30 职场文书
二年级语文下册复习计划
2015/01/19 职场文书
给老婆的道歉信
2015/01/20 职场文书
党员志愿者服务倡议书
2015/04/29 职场文书
费用申请报告范文
2015/05/15 职场文书
2016年庆祝六一儿童节活动总结
2016/04/06 职场文书
详解Nginx的超时keeplive_timeout配置步骤
2022/05/25 Servers