vue resource post请求时遇到的坑

 更新时间:2017年10月19日 17:06:27   作者:Java乱神  
这篇文章主要介绍了vue resource post请求时遇到的坑,需要的朋友可以参考下

使用 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(element ui)使用websocket及心跳检测方式

    vue(element ui)使用websocket及心跳检测方式

    这篇文章主要介绍了vue(element ui)使用websocket及心跳检测方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-07-07
  • 基于Vue的前端界面实现日期时间实时显示简单代码

    基于Vue的前端界面实现日期时间实时显示简单代码

    今天在项目中有一个功能是要求显示北京的实时时间,下面这篇文章主要给大家介绍了关于如何基于Vue的前端界面实现日期时间实时显示的相关资料,需要的朋友可以参考下
    2024-01-01
  • vue组件实现可搜索下拉框扩展

    vue组件实现可搜索下拉框扩展

    这篇文章主要为大家详细介绍了vue组件实现可搜索下拉框的方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-06-06
  • vue 中使用print.js导出pdf操作

    vue 中使用print.js导出pdf操作

    这篇文章主要介绍了vue 中使用print.js导出pdf操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-11-11
  • Vue+Canvas绘图使用的讲解

    Vue+Canvas绘图使用的讲解

    这篇文章主要介绍了Vue+Canvas绘图的使用方式,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-08-08
  • vue中vxe-table虚拟滚动列表的使用详解

    vue中vxe-table虚拟滚动列表的使用详解

    vxe-table 是一个功能强大的 Vue 表格组件,它支持虚拟滚动列表作为其核心功能之一,本文主要介绍一下vxe-table的虚拟滚动列表功能的使用场景和优势,感兴趣的可以了解下
    2023-12-12
  • vue项目中Toast字体过小,没有边距的解决方案

    vue项目中Toast字体过小,没有边距的解决方案

    这篇文章主要介绍了vue项目中Toast字体过小,没有边距的解决方案。具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-04-04
  • Vuex中五个属性以及使用方法详解

    Vuex中五个属性以及使用方法详解

    这篇文章主要给大家介绍了关于Vuex中五个属性以及使用的相关资料,Vuex是一个专为Vue.js应用程序开发的状态管理模式,文中通过代码示例介绍的非常详细,需要的朋友可以参考下
    2023-09-09
  • vue2实现数据请求显示loading图

    vue2实现数据请求显示loading图

    这篇文章主要为大家详细介绍了vue2实现数据请求显示loading图,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-11-11
  • vue实现el-select 触底分页+远程搜索的示例

    vue实现el-select 触底分页+远程搜索的示例

    有的时候数据量比较大,比如几千甚至上万条的时候,如果直接赋值,整个页面的 dom 会被撑爆,本文主要介绍了vue实现el-select 触底分页+远程搜索的示例,具有一定的参考价值,感兴趣的可以了解一下
    2023-12-12

最新评论