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 相关文章推荐
JavaScript在IE和Firefox(火狐)的不兼容问题解决方法小结
Apr 13 Javascript
javascript alert乱码的解决方法
Nov 05 Javascript
VS2008中使用JavaScript调用WebServices
Dec 18 Javascript
jQuery经过一段时间自动隐藏指定元素的方法
Mar 17 Javascript
JavaScript中数据结构与算法(三):链表
Jun 19 Javascript
JS实现仿新浪黄色经典滑动门效果代码
Sep 27 Javascript
浅谈vue-router2路由参数注意的问题
Nov 08 Javascript
JavaScript数组排序reverse()和sort()方法详解
Dec 24 Javascript
angularjs 动态从后台获取下拉框的值方法
Aug 13 Javascript
微信小程序实现上传多个文件 超过10个
Mar 30 Javascript
vue 二维码长按保存和复制内容操作
Sep 22 Javascript
Handtrack.js库实现实时监测手部运动(推荐)
Feb 08 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
解析php中heredoc的使用方法
2013/06/17 PHP
php数组去重复数据示例
2014/02/25 PHP
php多线程实现方法及用法实例详解
2015/10/26 PHP
在WordPress中使用PHP脚本来判断访客来自什么国家
2015/12/10 PHP
PHP环境搭建(php+Apache+mysql)
2016/11/14 PHP
php 遍历目录,生成目录下每个文件的md5值并写入到结果文件中
2016/12/12 PHP
php调用云片网接口发送短信的实现方法
2017/10/25 PHP
js类 from qq
2006/11/13 Javascript
JavaScript几种形式的树结构菜单
2010/05/10 Javascript
Prototype源码浅析 Enumerable部分之each方法
2012/01/16 Javascript
基于JQuery 选择器使用说明介绍
2013/04/18 Javascript
在父页面得到zTree已选中的节点的方法
2015/02/12 Javascript
jQuery实现表格展开与折叠的方法
2015/05/04 Javascript
根据user-agent判断蜘蛛代码黑帽跳转代码(js版与php版本)
2015/09/14 Javascript
jQuery+ajax简单实现文件上传的方法
2016/06/03 Javascript
jQuery实现单击按钮遮罩弹出对话框效果(1)
2017/02/20 Javascript
利用PM2部署node.js项目的方法教程
2017/05/10 Javascript
vue实现word,pdf文件的导出功能
2018/07/31 Javascript
vue实现手机端省市区区域选择
2019/09/27 Javascript
详解JavaScript执行模型
2020/11/16 Javascript
[01:10:27]DOTA2-DPC中国联赛正赛 SAG vs XG BO3 第二场 3月5日
2021/03/11 DOTA
详解Python的Django框架中的中间件
2015/07/24 Python
python 从文件夹抽取图片另存的方法
2018/12/04 Python
VSCode Python开发环境配置的详细步骤
2019/02/22 Python
Pandas操作CSV文件的读写实现方法
2019/11/13 Python
python图形开发GUI库wxpython使用方法详解
2020/02/14 Python
Python+Django+MySQL实现基于Web版的增删改查的示例代码
2020/05/13 Python
基于Python3读写INI配置文件过程解析
2020/07/23 Python
Python尾递归优化实现代码及原理详解
2020/10/09 Python
HTML5 Web Database 数据库的SQL语句的使用方法
2012/12/09 HTML / CSS
详解HTML5.2版本带来的修改
2020/05/06 HTML / CSS
介绍一下grep命令的使用
2012/06/28 面试题
大学英语演讲稿范文
2014/04/24 职场文书
专家推荐信范文
2015/03/26 职场文书
离婚案件答辩状
2015/05/22 职场文书
详解gantt甘特图可拖拽、编辑(vue、react都可用 highcharts)
2021/11/27 Vue.js