vuejs+axios统一接口管理

一、先创建一个api文件夹，创建一个http.js的文件
import axios from 'axios'
var instance = axios.create({
baseURL:xxx,
timeout:1000
});
instance.interceptors.request.use(function (config) {
return config
},
function (error) {
return Promise.reject(error)
});
instance.interceptors.response.use(function (response) {
return response.data
},
function (error) {
return Promise.reject(error)
});
//重点
export default function (method,url,data = null) {
method = method.toLowerCase();
if (method ===
'post'){
return instance.post(url,data)
} else if (method === 'get'){
return instance.get(url,{params:data})
} else if(method === 'delete'){
return instance.delete(url,{params:data})
}else if (method === 'put'){
return instance.put(url,data)
} else{
console.log('未知的method'+method)
return false
}
}

二、创建一个member.js文件

引入http.js，

import req from './http.js'
export
const
LOGIN = params => req('post','/operate/login',params)

三、使用时，直接在.vue的文件中引用

import { LOGIN } from ‘./api/member.js’

最后

以上就是欣慰小猫咪为你收集整理的vuejs+axios统一接口管理的全部内容，希望文章能够帮你解决vuejs+axios统一接口管理所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。