解决vue处理axios post请求传参的问题
2018-03-05 15:09
926 查看
很多朋友在使用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请求传参的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章推荐
- vue处理axios post请求传参的问题
- [WEB前端开发]-VM中的POST请求-解决页面向control层传参的问题
- 解决SpringMvc限定请求方法POST推送数据出现的中文乱码问题
- 纠缠多日的post请求没有正确返回值的问题终于解决
- 通过过滤器解决post方式请求参数编码问题和响应编码问题
- 安卓发送Get、Post请求,解决参数乱码问题
- 解决“HTTP/1.1 405 Method not allowed”问题,让静态文件响应POST请求[原创]
- 如何解决POST请求中文乱码问题,GET的又如何处理呢?
- Get,Post请求中文乱码问题有效解决方法
- 解决YII提交POST表单出现400错误,以及ajax post请求时出现400问题
- nginx rewrite 301 跳转 post 请求失效问题解决
- IOS 出现问题POST网络请求状态code:500的解决方法
- NSMutableURLRequest实现Post请求及其timeoutInterval不生效问题解决
- OpenResty中post请求body数据部分丢失问题解决
- 解决Http PUT请求方式无法表单传参问题
- 关于Get,Post请求中文乱码问题有效解决方法
- 【okhttp】Post请求设置utf-8编码(解决汉语请求乱码问题)
- 解决angular的post请求后SpringMVC后台接收不到参数值问题的方法
- HTTP POST请求中文乱码问题解决
- Struts2中解决POST请求和GET请求中的中文乱码问题