Axios简单封装

import axios from "axios";
import qs from "qs";
 
// axios.defaults.baseURL = ''  //正式
axios.defaults.baseURL = 'http://xxXXXXX:8001' //测试
 
//post请求头
axios.defaults.headers["Content-Type"] ="application/x-www-form-urlencoded;charset=UTF-8";
axios.defaults.headers["Authorization"] ="JWT "+localStorage.getItem('Token');
//设置超时
axios.defaults.timeout = 10000;
 
axios.interceptors.request.use(
    config => {
        return config;
    },
    error => {
        return Promise.reject(error);
    }
);
 
axios.interceptors.response.use(
    response => {
        if (response.status == 200) {
            return Promise.resolve(response);
        } else {
            return Promise.reject(response);
        }
    },
    error => {
        alert(`异常请求：${JSON.stringify(error.message)}`)
    }
);
export default {
    post(url, data) {
        return new Promise((resolve, reject) => {
 
            axios({
                method: 'post',
                url,
                data: qs.stringify(data),
            })
                .then(res => {
                    resolve(res.data)
                })
                .catch(err => {
                    reject(err)
                });
        })
    },
    get(url, data) {
        return new Promise((resolve, reject) => {
            axios({
                method: 'get',
                url,
                params: data,
            })
                .then(res => {
                    resolve(res.data)
                })
                .catch(err => {
                    reject(err)
                })
        })
    }
};

用法

    devServer: {
        open: true, // 构建完成自动打开浏览器
        openPage: '/indexPage', // 打开指定页面路径
        //   compress: true,   // 开启gzip压缩
        disableHostCheck: true,
        host: '10.13.123.123',
        port: 8888,
        https: false, // 开启https代理
        hotOnly: false, // 热模块更新作用
        proxy: {
            '/api': {  //这个无中生有的api表示浏览器在请求资源（图片、文件、接口）时检测到请求路径中有api就要将请求的前半部分替换成target配的地址，披着123.123的壳子去请求456.456的资源
                target: 'http://10.13.456.456:9999/', 
                changeOrigin: true,
                pathRewrite: {
                    '^/api': ''
                }
            }
        },
        before: app => {}
    },