解决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 扩展对input的一些操作方法
Oct 30 Javascript
利用jQuery接受和处理xml数据的代码(.net)
Mar 28 Javascript
JS模拟面向对象全解(二、类型与赋值)
Jul 13 Javascript
jquery触发a标签跳转事件示例代码
Jul 21 Javascript
jQuery事件的绑定、触发、及监听方法简单说明
May 10 Javascript
基于JavaScript实现前端文件的断点续传
Oct 17 Javascript
基于 Bootstrap Datetimepicker 联动
Aug 03 Javascript
详解React Native开源时间日期选择器组件(react-native-datetime)
Sep 13 Javascript
关于Vue组件库开发详析
Jul 01 Javascript
jQuery实现数字自动增加或者减少的动画效果示例
Dec 11 jQuery
vue使用Proxy实现双向绑定的方法示例
Mar 20 Javascript
使用Cargo工具高效创建Rust项目
Aug 14 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 5.3.0 安装分析心得
2009/08/07 PHP
深入PHP获取随机数字和字母的方法详解
2013/06/06 PHP
ThinkPHP模板比较标签用法详解
2014/06/30 PHP
PHP面向对象程序设计之类常量用法实例
2014/08/20 PHP
PHP的PDO常用类库实例分析
2016/04/07 PHP
PHP中获取文件创建日期、修改日期、访问时间的方法
2016/11/05 PHP
CodeIgniter框架数据库基本操作示例
2018/05/24 PHP
Ajax+PHP实现的模拟进度条功能示例
2019/02/11 PHP
PHP7中I/O模型内核剖析详解
2019/04/14 PHP
Array.prototype 的泛型应用分析
2010/04/30 Javascript
JavaScript中的View-Model使用介绍
2011/08/11 Javascript
jQuery操作input值的各种方法总结
2013/11/21 Javascript
jQuery的Ajax用户认证和注册技术实例教程(附demo源码)
2015/12/08 Javascript
ES6入门教程之let和const命令详解
2017/05/17 Javascript
微信小程序如何获取用户头像和昵称
2019/09/23 Javascript
js计时事件实现圆形时钟
2020/03/25 Javascript
layui实现数据表格自定义数据项
2019/10/26 Javascript
vue elementUI 表单校验的实现代码(多层嵌套)
2019/11/06 Javascript
[55:44]OG vs NAVI 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
Python3基础之输入和输出实例分析
2014/08/18 Python
Python3.4解释器用法简单示例
2019/03/22 Python
Python with用法:自动关闭文件进程
2019/07/10 Python
在脚本中单独使用django的ORM模型详解
2020/04/01 Python
让IE6支持css3,让 IE7、IE8 都支持CSS3
2011/10/09 HTML / CSS
浏览器实现移动端高性能css3动画(开启gpu加速)
2013/12/23 HTML / CSS
HTML5拖放效果的实现代码
2016/11/17 HTML / CSS
New Balance英国官方网站:始于1906年,百年慢跑品牌
2016/12/07 全球购物
Nike荷兰官方网站:Nike.com (NL)
2018/04/19 全球购物
学校万圣节活动方案
2014/02/13 职场文书
中学生国旗下讲话稿
2014/04/26 职场文书
庆祝三八妇女节标语
2014/10/09 职场文书
怎么写工作检讨书
2014/11/16 职场文书
地球上的星星观后感
2015/06/02 职场文书
培训后的感想
2015/08/07 职场文书
MySQL中InnoDB存储引擎的锁的基本使用教程
2021/05/26 MySQL
电频谱管理的原则是什么
2022/02/18 无线电