axios拦截404报错_正确使用Axios，提升接口请求幸福感

const http = axios.create({
    //withCredentials: true, //表示跨域请求时是否需要使用凭证,可根据情况自己设定，我这儿用不上
    timeout: 30000, //设置请求超时时间，单位：ms
    //baseURL:'' //http请求域名,也可以在请求拦截器里面设置
});

http.interceptors.request.use(
    (config) => {
        // config中包含url就是后端给的接口路劲
        let { url } = config;
        // 此处我的开发环境中因为使用了webpack的devServer代理，所以接口域名为空
        let baseURL = '';
        // 生产环境（build之后）的域名是直接从浏览器地址栏截取的
        // 所以做出以下判断，可根据实际情况自行判断不同环境的域名
        const isProd = process.env.NODE_ENV === 'production';
        if (isProd) {
            baseURL = `${document.location.protocol}//${document.location.host}/app`;
        }
        config = {
            ...config,
            baseURL: baseURL,
            url: url,
            headers: {
                Accept: 'application/json',
                'Content-Type': 'application/json; charset=utf-8',
                ...config.headers,
                accessToken: UserStorage.getUaaTokenInfo().accessToken || '', //从缓存中取出登录获取的token
                authType: 'account',
            },
        }; 
        return config;
    },
    (error) => {
        return Promise.reject(error);
    }
);