解决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 相关文章推荐
javascript的键盘控制事件说明
Apr 15 Javascript
JS兼容浏览器的导出Excel(CSV)文件的方法
May 03 Javascript
深入探讨javascript中的数据类型
Mar 04 Javascript
每天一篇javascript学习小结(Function对象)
Nov 16 Javascript
jQuery CSS3相结合实现时钟插件
Jan 08 Javascript
jquery ztree实现模糊搜索功能
Feb 25 Javascript
Bootstrap3 内联单选和多选框
Dec 29 Javascript
原生js编写2048小游戏
Mar 17 Javascript
JS获取并处理php数组的方法实例分析
Sep 04 Javascript
ng-events类似ionic中Events的angular全局事件
Sep 05 Javascript
JavaScript ECMA-262-3 深入解析(二):变量对象实例详解
Apr 25 Javascript
解决vue的touchStart事件及click事件冲突问题
Jul 21 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 8 新特性 Attributes
2020/08/19 PHP
IE和Firefox下javascript的兼容写法小结
2008/12/10 Javascript
jQuery 动态酷效果实现总结
2009/12/27 Javascript
几种设置表单元素中文本输入框不可编辑的方法总结
2013/11/25 Javascript
js数值计算时使用parseInt进行数据类型转换(jquery)
2014/10/07 Javascript
javascript实现playfair和hill密码算法
2014/12/07 Javascript
Python脚本后台运行的几种方式
2015/03/09 Javascript
jQuery实现固定在网页顶部的菜单效果代码
2015/09/02 Javascript
进阶之初探nodeJS
2017/01/24 NodeJs
JavaScript设计模式之策略模式详解
2017/06/09 Javascript
利用Three.js如何实现阴影效果实例代码
2017/09/26 Javascript
jQuery常见的遍历DOM操作详解
2018/09/05 jQuery
jquery实现联想词搜索框和搜索结果分页的示例
2018/10/10 jQuery
vue 右键菜单插件 简单、可扩展、样式自定义的右键菜单
2018/11/29 Javascript
微信小程序仿通讯录功能
2020/04/09 Javascript
JavaScript 接口原理与用法实例详解
2020/05/12 Javascript
[03:37]2014DOTA2国际邀请赛 主赛事第一日胜者组TOPPLAY
2014/07/19 DOTA
Python的Scrapy爬虫框架简单学习笔记
2016/01/20 Python
[原创]python爬虫(入门教程、视频教程)
2018/01/08 Python
python微信跳一跳系列之棋子定位像素遍历
2018/02/26 Python
Python 记录日志的灵活性和可配置性介绍
2018/02/27 Python
Python统计python文件中代码,注释及空白对应的行数示例【测试可用】
2018/07/25 Python
python利用wx实现界面按钮和按钮监听和字体改变的方法
2019/07/17 Python
python中绕过反爬虫的方法总结
2020/11/25 Python
英国著名国际平价时尚男装品牌:Topman
2016/08/27 全球购物
Kangol帽子官网:坎戈尔袋鼠
2018/09/26 全球购物
冰淇淋开店创业计划书
2014/02/01 职场文书
学校课外活动总结
2014/05/08 职场文书
中学生民族团结演讲稿
2014/08/27 职场文书
我的中国心演讲稿
2014/09/04 职场文书
毕业生就业推荐表导师评语
2014/12/31 职场文书
PHP 技巧 * SVG 保存为图片(分享图生成)
2021/04/02 PHP
python cv2图像质量压缩的算法示例
2021/06/04 Python
SQL Server中使用判断语句(IF ELSE/CASE WHEN )案例
2021/07/07 SQL Server
Python pandas求方差和标准差的方法实例
2021/08/04 Python
小程序实现悬浮按钮的全过程记录
2021/10/16 HTML / CSS