vue axios 简单封装

原创 年树先生 随笔 前端面试 7203阅读 2018-10-17 22:05:55 举报

先安装 axios

vueaxios简单封装

下面是简单的封装一个 http.js, 在此说明 checkStatus 这个方法呢 是不一定需要的 ,根据个人的项目需求吧,也可以直接返回response,交给后面另行处理也行。

或者根据后端返回的状态,在里面进行处理 也行。

在vue 项目中,main.js这个文件

使用 helloworld.vue

在main.js中将http.js import 进来 并暴露到全局使用,在任何vue 页面中 就不再需要 import http.js了,而直接通过 this.$http.post this.$http.get 来使用,在checkStatus中统一异步返回,顺便可以处理错误的情况。

checkStatus方法 返回了一个 Promise

链式结构的话看上面那个get的方法,this.$http.get(...).then(...).catch(...),如果then 里面又来一个 http请求 会一层包住一层。

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复