详解vue axios二次封装
这段时间告诉项目需要,用到了vue。 刚开始搭框架的时候用的是vue-resource后面看到官方推荐axios就换过来了 顺便封装了一下 定义公共参数与引入组件:axios.interceptors.request.use(config => {
//显示loading return config },error => { return Promise.reject(error) }) axios.interceptors.response.use(response => { function errorState(response) { } function successState(res) {
} let Public = { //公共参数 let httpDefaultOpts = { //http默认配置 if(opts.method=='get'){ let promise = new Promise(function(resolve,reject) { }) export default httpServer 封装理由:1、可以和后端商量好错误码在这统一提示统一处理,省去不必要的麻烦 2、如果做接口全报文加解密都可以在此处理 接口统一归类: export default ApiSetting
归类好处:1、后期接口升级或者接口名更改便于维护 http调用:
import http from "../../lib/http.js";
import ApiSetting from "../../lib/ApiSetting.js";
export default {
created: function() {
http(ApiSetting.getLocation,{"srChannel": "h5",})
.then((res)=>{
console.log(res)
},(error)=>{
console.log(error)
})
},methods: {
} (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |