vue封装axios请求

1.新建libs文件夹 作为存放工具类文件

	新建request.js 文件

import axios from 'axios';//引入axios文件
// 设置请求时间
axios.defaults.timeout = 60000;
// 响应拦截器
axios.interceptors.response.use( res=>{
	//配置拦截内容 比如用户是否登录 
})

let baseURL = "请求域名/api/"
export default (url, data, method) => {
//此处没有单独设置 get POST请求  所以在此价格判断
		if(method=="POST"){
            return axios({
                url: baseURL + url,
                data: data,
                method: method,
                headers: {
                    'Content-Type': 'application/json',//设置请求头请求格式为JSON
                    'token':sessionStorage.getItem("token") //设置token 其中K名要和后端协调好 获取存储在vuex d的token值 store.state.token
                },
            })
        }else{
            return axios({
                url: baseURL + url,
                params: data,
                method: method,
                headers: {
                    'Content-Type': 'application/json',//设置请求头请求格式为JSON
                    'token':sessionStorage.getItem("token") //设置token 其中K名要和后端协调好 获取存储在vuex d的token值 store.state.token
                },
            })
        }
}

新建api.js文件 用于存放api接口

export default {
	// 放接口文件
	jiekou:"login/login",//会员登录
}

在min.js 全局配置

/**
 * 引入封装好的ajax网络请求以及接口地址列表
 */
import request from './lib/axios' //
import api from './lib/api'
Vue.prototype.$request = request
Vue.prototype.$api = api

最后使用

this.$request(this.$api.ToBeReviewed).then(res=>{})

有用的话点个赞吧