封装接口
首先创建一个idnex.js文件
import axios from 'axios'
/* 创建一个axios实例化对象instance */
var instance = axios.create({
/* 基础路径/
baseURL: 'url‘,
/设置超时时间 */timeout: 5000});
instance.interceptors.request.use(
config => {
localStorage.token && (config.headers.Authorization = localStorage.token)
return config
},
error => {
return Promise.error(error)
}
)
axios.interceptors.response.use(response => {
return response
},
error => {
return error
})
/* 参数methods默认值是get，path表示具体路径，post需要给data传参默认值是空对象 get请求需要给params传参默认值是空对象 */
export const httpServe = (path,params={},method="get",data={})=>{
return new Promise((resolve,reject)=>{
instance({
method,
url:path,
params,/* get方法 */
data/* post方法 */
})
.then(res=>{
resolve(res)
})
.catch(err=>{
reject(err)
})
})
}
然后创建request.js文件写方法
import {httpServe} from '@/http/index.js'
/* 登录 */
export const loginPost = (path,data)=>httpServe(path,{},'post',data)
/* 用户列表 */
export const usersGet = (path,params)=>httpServe(path,params)
/* 获取左侧菜单列表 */
export const menusGet = (path,params)=>httpServe(path,params)
/* 添加用户 */
export const addusersPost = (path,data)=>httpServe(path,{},'post',data)
