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 相关文章推荐
window.navigate 与 window.location.href 的使用区别介绍
Sep 21 Javascript
javascript实现日期格式转换
Dec 16 Javascript
JavaScript 匿名函数和闭包介绍
Apr 13 Javascript
JavaScript检查数字是否为整数或浮点数的方法
Jun 09 Javascript
JavaScript事件处理的方式(三种)
Apr 26 Javascript
jQuery中的通配符选择器使用总结
May 30 Javascript
vuejs通过filterBy、orderBy实现搜索筛选、降序排序数据
Oct 26 Javascript
JavaScript获取tr td 的三种方式全面总结(推荐)
Aug 15 Javascript
jquery.rotate.js实现可选抽奖次数和中奖内容的转盘抽奖代码
Aug 23 jQuery
js类的继承定义与用法分析
Jun 21 Javascript
JavaScript事件循环及宏任务微任务原理解析
Sep 02 Javascript
vue 使用rules对表单字段进行校验的步骤
Dec 25 Vue.js
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三元运算符的结合性介绍
2012/01/10 PHP
php实现文件下载更能介绍
2012/11/23 PHP
php获取文件夹路径内的图片以及分页显示示例
2014/03/11 PHP
yii实现级联下拉菜单的方法
2014/07/31 PHP
php表单处理操作
2017/11/16 PHP
Add Formatted Text to a Word Document
2007/06/15 Javascript
javascript实现仿银行密码输入框效果的代码
2007/12/13 Javascript
告诉大家什么是JSON
2008/06/10 Javascript
JavaScript 类似flash效果的立体图片浏览器
2010/02/08 Javascript
Javascript 面向对象 重载
2010/05/13 Javascript
js实现可控制左右方向的无缝滚动效果
2016/05/29 Javascript
快速理解 JavaScript 中的 LHS 和 RHS 查询的用法
2017/08/24 Javascript
JavaScript比较同一天的时间大小实例代码
2018/02/09 Javascript
JS中使用cavas截图网页并解决跨域及模糊问题
2018/11/13 Javascript
详解简单易懂的 ES6 Iterators 指南和示例
2019/09/24 Javascript
vue点击标签切换选中及互相排斥操作
2020/07/17 Javascript
Python 正则表达式(转义问题)
2014/12/15 Python
python使用线程封装的一个简单定时器类实例
2015/05/16 Python
KMP算法精解及其Python版的代码示例
2016/06/01 Python
Python Web框架之Django框架cookie和session用法分析
2019/08/16 Python
opencv+python实现鼠标点击图像,输出该点的RGB和HSV值
2020/06/02 Python
python如何求圆的面积
2020/07/01 Python
web字体加载方案优化小结
2019/11/29 HTML / CSS
Surfdome西班牙:世界上最受欢迎的生活方式品牌
2019/02/13 全球购物
小学国庆节活动方案
2014/02/11 职场文书
英语专业毕业生求职信
2014/05/24 职场文书
学校法制宣传月活动总结
2014/07/03 职场文书
学生党员检讨书范文
2014/12/27 职场文书
怎样写辞职信
2015/02/27 职场文书
预备党员考察意见范文
2015/06/01 职场文书
学子宴致辞大全
2015/07/27 职场文书
2016幼儿园毕业感言
2015/12/08 职场文书
环境保护宣传标语大全!
2019/06/28 职场文书
php远程请求CURL案例(爬虫、保存登录状态)
2021/04/01 PHP
go语言中fallthrough的用法说明
2021/05/06 Golang
Java实现带图形界面的聊天程序
2022/06/10 Java/Android