vue resource post请求时遇到的坑


Posted in Javascript onOctober 19, 2017

使用 post 请求

// global Vue object
Vue.http.get('/someUrl', [options]).then(successCallback, errorCallback);
Vue.http.post('/someUrl', [body], [options]).then(successCallback, errorCallback);
// in a Vue instance
this.$http.get('/someUrl', [options]).then(successCallback, errorCallback);
this.$http.post('/someUrl', [body], [options]).then(successCallback, errorCallback);

然而,这并不代表使用过程中不会遇到问题:(比如使用时遇到这样的报错:XMLHttpRequest cannot load XXX. Response for preflight has invalid HTTP status code 405);这个$http请求和jquery的ajax还是有点区别,这里的post的data默认不是以form data的形式,而是request payload。解决起来倒也很简单:在vue实例中添加headers字段:

http: {
  headers: {'Content-Type': 'application/x-www-form-urlencoded'}
}

或者使用 vue 方面提供的更加简单做法:

Vue.http.options.emulateJSON = true;

总结

以上所述是小编给大家介绍的vue resource post请求时遇到的坑,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
asp javascript 实现关闭窗口时保存数据的办法
Nov 24 Javascript
jQuery 菜单随滚条改为以定位方式(固定要浏览器顶部)
May 24 Javascript
Javascript 拖拽的一些简单的应用(逐行分析代码,让你轻松了拖拽的原理)
Jan 23 Javascript
Node.js的Express框架使用上手指南
Mar 12 Javascript
原生js实现addClass,removeClass,hasClass方法
Apr 27 Javascript
BootStrap中Datepicker控件带中文的js文件
Aug 10 Javascript
JS获取一个表单字段中多条数据并转化为json格式
Oct 17 Javascript
vue2 全局变量的设置方法
Mar 09 Javascript
详解webpack4.x之搭建前端开发环境
Mar 28 Javascript
Vue CLI3基础学习之pages构建多页应用
Jun 02 Javascript
Vue常用的全选/反选的示例代码
Feb 19 Javascript
微信小程序开发数据缓存基础知识辨析及运用实例详解
Nov 06 Javascript
vue Element-ui input 远程搜索与修改建议显示模版的示例代码
Oct 19 #Javascript
JavaScript适配器模式详解
Oct 19 #Javascript
JavaScript门面模式详解
Oct 19 #Javascript
vue+Java后端进行调试时解决跨域问题的方式
Oct 19 #Javascript
AngularJS的$location使用方法详解
Oct 19 #Javascript
vue-cli 自定义指令directive 添加验证滑块示例
Oct 19 #Javascript
Angular2仿照微信UI实现9张图片上传和预览的示例代码
Oct 19 #Javascript
You might like
生成ubuntu自动切换壁纸xml文件的php代码
2010/07/17 PHP
php smarty模板引擎的6个小技巧
2014/04/24 PHP
phpmyadmin出现Cannot start session without errors问题解决方法
2014/08/14 PHP
PHP文件及文件夹操作之创建、删除、移动、复制
2016/07/13 PHP
PHP实现bitmap位图排序与求交集的方法
2016/07/28 PHP
laravel实现简单用户权限的示例代码
2019/05/28 PHP
JavaScript中的几个关键概念的理解-原型链的构建
2011/05/12 Javascript
javascript 基础篇3 类,回调函数,内置对象,事件处理
2012/03/14 Javascript
JQuery onload、ready概念介绍及使用方法
2013/04/27 Javascript
select、radio表单回显功能实现避免使用jquery载入赋值
2013/06/08 Javascript
javascript禁用Tab键脚本实例
2013/11/22 Javascript
jquery实现手机发送验证码的倒计时代码
2014/02/12 Javascript
Jquery 实现grid绑定模板
2015/01/28 Javascript
基于jQuery实现的扇形定时器附源码下载
2015/10/20 Javascript
微信小程序日历组件calendar详解及实例
2017/06/08 Javascript
前端构建工具之gulp的语法教程
2017/06/12 Javascript
Vue中的异步组件函数实现代码
2018/07/20 Javascript
vue实现分环境打包步骤(给不同的环境配置相对应的打包命令)
2019/06/04 Javascript
javascript/jquery实现点击触发事件的方法分析
2019/11/11 jQuery
Vue中watch、computed、updated三者的区别及用法
2020/07/27 Javascript
Python使用sorted排序的方法小结
2017/07/28 Python
Python实现一个简单的验证码程序
2017/11/03 Python
python爬取cnvd漏洞库信息的实例
2019/02/14 Python
Python tempfile模块生成临时文件和临时目录
2020/09/30 Python
Python中的流程控制详解
2021/02/18 Python
Sneaker Studio法国:购买运动鞋
2018/06/08 全球购物
GOLFINO英国官网:高尔夫服装
2020/04/11 全球购物
大学生学年自我鉴定
2014/02/10 职场文书
人力资源主管职责范本
2014/03/05 职场文书
婚内房产协议书范本
2014/10/02 职场文书
2014年小学美术工作总结
2014/12/20 职场文书
行政助理岗位职责
2015/02/10 职场文书
商务代表岗位职责
2015/02/15 职场文书
国庆节主题班会
2015/08/15 职场文书
2019年警察入党转正申请书最新范文
2019/09/03 职场文书
在Spring-Boot中如何使用@Value注解注入集合类
2021/08/02 Java/Android