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 异步调用框架 (Part 4 - 链式调用)
Aug 04 Javascript
Jquery实现简单的动画效果代码
Mar 18 Javascript
js获取当前路径的简单示例代码
Jan 08 Javascript
JavaScript中的alert()函数使用技巧详解
Dec 29 Javascript
JavaScript中神奇的call()方法
Mar 12 Javascript
最全面的JS倒计时代码
Sep 17 Javascript
BootStrap3使用错误记录及解决办法
Dec 22 Javascript
深入理解vue中slot与slot-scope的具体使用
Jan 26 Javascript
基于vue中css预加载使用sass的配置方式详解
Mar 13 Javascript
vue自定义filters过滤器
Apr 26 Javascript
小程序清理本地缓存的方法
Aug 17 Javascript
AngularJS $http post 传递参数数据的方法
Oct 09 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性能优化大全(php.ini)
2016/05/20 PHP
php判断用户是否关注微信公众号
2016/07/22 PHP
php实现数组中出现次数超过一半的数字的统计方法
2018/10/14 PHP
tp5(thinkPHP5)框架数据库Db增删改查常见操作总结
2019/01/10 PHP
ExtJS Grid使用SimpleStore、多选框的方法
2009/11/20 Javascript
js实现动画特效的文字链接鼠标悬停提示的方法
2015/03/02 Javascript
JavaScript中String.match()方法的使用详解
2015/06/06 Javascript
JS+CSS实现自适应选项卡宽度的圆角滑动门效果
2015/09/15 Javascript
Javascript中的arguments对象
2016/06/20 Javascript
js实现微博发布小功能
2017/01/12 Javascript
Linux使用Node.js建立访问静态网页的服务实例详解
2017/03/21 Javascript
NodeJs安装npm包一直失败的解决方法
2017/04/28 NodeJs
JS简单实现自定义右键菜单实例
2017/05/31 Javascript
BootStrap selectpicker后台动态绑定数据
2017/06/01 Javascript
Vue 通过自定义指令回顾v-内置指令(小结)
2018/09/03 Javascript
bootstrap自定义样式之bootstrap实现侧边导航栏功能
2018/09/10 Javascript
html2canvas属性和使用方法以及如何使用html2canvas将HTML内容写入Canvas生成图片
2020/01/12 Javascript
JavaScript Window窗口对象属性和使用方法
2020/01/19 Javascript
element 动态合并表格的步骤
2020/12/31 Javascript
python for 循环获取index索引的方法
2019/02/01 Python
Python生成MD5值的两种方法实例分析
2019/04/26 Python
python根据完整路径获得盘名/路径名/文件名/文件扩展名的方法
2020/04/22 Python
CSS3圆角边框和边界图片效果实例
2016/07/01 HTML / CSS
意大利奢侈品网站:Italist
2016/08/23 全球购物
Chupi官网:在爱尔兰手工制作的订婚、结婚戒指和精美珠宝
2020/09/28 全球购物
构造器Constructor是否可被override?
2013/08/06 面试题
一道SQL面试题
2012/12/31 面试题
初中语文教学反思
2014/02/02 职场文书
护士毕业自我鉴定
2014/02/07 职场文书
2014年图书馆工作总结
2014/11/25 职场文书
督导岗位职责
2015/02/04 职场文书
2015年度党员个人总结
2015/02/14 职场文书
2015年办税服务厅工作总结
2015/07/23 职场文书
django如何自定义manage.py管理命令
2021/04/27 Python
浅谈自定义校验注解ConstraintValidator
2021/06/30 Java/Android
Dashboard管理Kubernetes集群与API访问配置
2022/04/01 Servers