vue resource post请求时遇到的坑
2017-10-19 17:06
661 查看
使用 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请求时遇到的坑,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
您可能感兴趣的文章:
相关文章推荐
- Vue-resource中post请求将data数据以request payload转换为form data的形式
- vue中post请求以a=a&b=b 的格式写遇到的问题
- vue-resource 中 get / post / jsonp 三种请求方式的异同
- vue-resource、Vue中response的get、post和jsonp请求例子
- vue-resource 跨域 post请求 示例
- vue-resource实现get,post,jsonp请求
- 【笔记】vue-cli 开发环境中跨域连接后台api(vue-resource 跨域post 请求)
- 关于使用vue 的resource插件用post请求数据时一直是options的解决方案
- vue-resource请求超时实现http拦截及路由拦截
- vue axios POST请求中参数以form data和request payload形式的原因
- ionic+nodejs开发遇到的跨域和post请求数据问题
- nginx处理firefox的POST请求可能遇到的问题:小文件可以提交,大文件不能提交
- ajax请求插件vue-resource的学习
- vue中的axios.post使用json数据传输,出现请求头字段内容类型是不被允许的情况的解决方案
- Vue添加请求拦截器及vue-resource 拦截器使用
- Vue--axios:vue中的ajax异步请求(发送和请求数据)、vue-resource异步请求和跨域
- Vue2.0 使用vue-resource 模拟网络请求加载本地数据
- vue-resource post数据时碰到Django csrf
- vue-cli的axios使用方法,get、post请求的跨域问题解决
- vuejs中vue-resource或使用axios发送请求及解决跨域问题