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中使用ActiveXObject操作本地文件夹的方法
Mar 28 Javascript
基于JQuery制作可编辑的表格特效
Dec 23 Javascript
jquery使用hide方法隐藏指定id的元素
Mar 30 Javascript
javascript嵌套函数和在函数内调用外部函数的区别分析
Jan 31 Javascript
三种带箭头提示框总结实例
Jun 14 Javascript
JavaScript直播评论发弹幕切图功能点集合效果代码
Jun 26 Javascript
解决angular2在双向数据绑定时[(ngModel)]无法使用的问题
Sep 13 Javascript
vue中利用Promise封装jsonp并调取数据
Jun 18 Javascript
VueCli3.0中集成MockApi的方法示例
Jul 05 Javascript
layui table 表格上添加日期控件的两种方法
Sep 28 Javascript
微信小程序开发(二):页面跳转并传参操作示例
Jun 01 Javascript
解决vue数据不实时更新的问题(数据更改了,但数据不实时更新)
Oct 27 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判断页面是否是微信打开的示例(微信打开网页)
2014/04/25 PHP
destoon实现调用图文新闻的方法
2014/08/21 PHP
Laravel如何使用数据库事务及捕获事务失败后的异常详解
2017/10/23 PHP
JavaScript Prototype对象
2009/01/07 Javascript
jQuery中json对象的复制方式介绍(数组及对象)
2013/06/08 Javascript
用C/C++来实现 Node.js 的模块(一)
2014/09/24 Javascript
根据配置文件加载js依赖模块
2014/12/29 Javascript
Bootstrap基本组件学习笔记之进度条(15)
2016/12/08 Javascript
jQuery Easyui datagrid连续发送两次请求问题
2016/12/13 Javascript
Vue实现选择城市功能
2017/05/27 Javascript
Node.js 8 中的 util.promisify的详解
2017/06/12 Javascript
深入理解ES6之数据解构的用法
2018/01/13 Javascript
解决vue中使用swiper插件问题及swiper在vue中的用法
2018/04/04 Javascript
vue自定义tap指令及tap事件的实现
2018/09/18 Javascript
NodeJS有难度的面试题(能答对几个)
2019/10/09 NodeJs
js实现踩五彩块游戏
2020/02/08 Javascript
js如何验证密码强度
2020/03/18 Javascript
python 切片和range()用法说明
2013/03/24 Python
轻量级的Web框架Flask 中模块化应用的实现
2017/09/11 Python
python使用turtle库绘制时钟
2020/03/25 Python
自适应线性神经网络Adaline的python实现详解
2019/09/30 Python
python通过安装itchat包实现微信自动回复收到的春节祝福
2020/01/19 Python
Python 炫技操作之合并字典的七种方法
2020/04/10 Python
django Layui界面点击弹出对话框并请求逻辑生成分页的动态表格实例
2020/05/12 Python
python 模拟登陆163邮箱
2020/12/15 Python
python 获取域名到期时间的方法步骤
2021/02/10 Python
python爬虫如何解决图片验证码
2021/02/14 Python
纯CSS3实现鼠标悬停提示气泡效果
2014/02/28 HTML / CSS
英国最大的经认证的有机超市:Planet Organic
2018/02/02 全球购物
大学生毕业的自我鉴定
2013/11/13 职场文书
工作表现自我评价
2014/02/08 职场文书
副护士长竞聘演讲稿
2014/04/30 职场文书
升学宴家长答谢词
2015/09/29 职场文书
2015年终个人政治思想工作总结
2015/11/24 职场文书
Java版 单机五子棋
2022/05/04 Java/Android
SQL bool盲注和时间盲注详解
2022/07/23 SQL Server