axios配置封装

axios.js

// 这里的@符号等于src目录
import axios from 'axios';
import store from '@/store';
import router from '@/router';
import { Message } from 'view-design';
const { NODE_ENV: env } = process.env;

// 创建axios实例
const axiosInstance = axios.create({
    // baseURL: env === "development" ? "" : serverUrl
    baseURL:'http://********'
});

// request 拦截器
axiosInstance.interceptors.request.use(
    (config) => {
        if (store.state.token) {
            config.headers['Authorization'] = `wruser ${store.state.token}`
        }
        return config;
    },
    (error)=>{
        return Promise.reject(error);
    }
);

// response拦截器
axiosInstance.interceptors.response.use(
    (response)=>{
        return response.data;
    },
    (error)=>{
        switch(error.request.status){
            case 400:
                Message.error(error.request.response);
                break;
            case 401:
                // 授权过期，暂时先跳转到注册页
                if(router.currentRoute.name!=='login'){
                    router.replace()
                }
        }
        if(error.message==="Network Error"){
            Message.error("网络请求错误！");
        }
        return Promise.resolve({code:"error",message:error.message});
    }
);
export default axiosInstance;

function.js

import axios from "@/api/base/axios";

// 存放api
export const url = {
    login: '/api/wrmes/login',
    code: '/api/wrmes/get_capta'
};
// 循环将所有url封装为一个axios对象
export const post = () => {
    let func = {};
    for (let key in url) {
    	// 这里对每一个url进行了封装
    	// 只需要引用import {post} from "src/api/base/function";
    	// 再通过post().login({username:'123456',password:'123456'})访问该api        
    	func[key] = (params = {}) => {
            return axios.post(
                url[key],
                params
            )
        }
    }
    return func;
};
// post最终返回一个key,value对象