封装接口

首先创建一个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)