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 相关文章推荐
xml文档转换工具,附图表例子(hta)
Nov 17 Javascript
jQuery lazyload 的重复加载错误以及修复方法
Nov 19 Javascript
jquery ajax属性async(同步异步)示例
Nov 05 Javascript
js计算任意值之间随机数的方法
Jan 16 Javascript
JavaScript统计字符串中每个字符出现次数完整实例
Jan 28 Javascript
jQuery Ajax Post 回调函数不执行问题的解决方法
Aug 15 Javascript
Javascript动画效果(1)
Oct 11 Javascript
JS正则表达式判断有效数实例代码
Mar 13 Javascript
Vue中添加过渡效果的方法
Mar 16 Javascript
vue组件中的样式属性scoped实例详解
Oct 30 Javascript
30分钟精通React今年最劲爆的新特性——React Hooks
Mar 11 Javascript
解决Vue使用bus总线时,第一次路由跳转时数据没成功传递问题
Jul 28 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生成带有雪花背景的验证码
2008/09/28 PHP
php使用ICQ网关发送手机短信
2013/10/30 PHP
最常用的8款PHP调试工具
2014/07/06 PHP
php中二维数组排序问题方法详解
2015/08/28 PHP
PHP将MySQL的查询结果转换为数组并用where拼接的示例
2016/05/13 PHP
浅谈PHP的反射机制
2016/12/15 PHP
php数组指针操作详解
2017/02/14 PHP
php成功操作redis cluster集群的实例教程
2019/01/13 PHP
Javascript String对象扩展HTML编码和解码的方法
2009/06/02 Javascript
IE的有条件注释判定IE版本详解(附实例代码)
2012/01/04 Javascript
Js操作Select大全(取值、设置选中等等)
2013/10/29 Javascript
jQuery入门之层次选择器实例简析
2015/12/11 Javascript
Jquery基础之事件操作详解
2016/06/14 Javascript
jQuery Ajax 实现在html页面实时显示用户登录状态
2016/12/30 Javascript
Javascript中JSON数据分组优化实践及JS操作JSON总结
2017/12/22 Javascript
vue 实现通过手机发送短信验证码注册功能
2018/04/19 Javascript
Vue Element 分组+多选+可搜索Select选择器实现示例
2018/07/23 Javascript
JSON.stringify()方法讲解
2019/01/31 Javascript
JavaScript封闭函数及常用内置对象示例
2019/05/13 Javascript
微信小程序使用npm包的方法步骤
2019/08/13 Javascript
vue中created和mounted的区别浅析
2019/08/13 Javascript
vue实现手机号码的校验实例代码(防抖函数的应用场景)
2019/09/05 Javascript
React 父子组件通信的实现方法
2019/12/05 Javascript
python创建一个最简单http webserver服务器的方法
2015/05/08 Python
Python中is和==的区别详解
2018/11/15 Python
解决numpy矩阵相减出现的负值自动转正值的问题
2020/06/03 Python
pycharm软件实现设置自动保存操作
2020/06/08 Python
美国领先的个性化礼品商城:Personalization Mall
2019/07/27 全球购物
物业管理应届生求职信
2013/10/28 职场文书
医学检验专业个人求职信范文
2013/12/04 职场文书
员工评语大全
2014/01/19 职场文书
内勤岗位职责范本
2015/04/13 职场文书
考生诚信考试承诺书
2015/04/29 职场文书
结婚司仪主持词
2015/06/29 职场文书
婚宴来宾致辞
2015/07/28 职场文书
如何解决goland,idea全局搜索快捷键失效问题
2022/04/03 Golang