axios 封装

1. axios.js axios封装代码
2. index.js 统一接口代码
3. cs.vue 具体使用

axios.js

import Axios from 'axios';

const URL = process.env.NODE_ENV === 'production' ? 'http://' : 'http://';
// 开发环境development   生产环境production
Axios.defaults.baseURL = URL; // 默认地址

// 请求拦截器
Axios.interceptors.request.use(
    (config) => {
        var token = 'xxxxx';
        if (token) {
            // 所有请求配置token
            config['headers']['token'] = token;
        } else {
            // 无token处理
        }
        return config;
    },
    error => Promise.reject(error),
);
// 响应拦截器
Axios.interceptors.response.use(
    (response) => {
        // 统一处理响应数据
        return response.data;
    },
    error => Promise.reject(error.response),
);

export function axios(api, params, type, contentType = 'application/x-www-form-urlencoded') {
    return new Promise((resolve, reject) => {
        Axios({
            url: api,
            method: type ? type : 'post',
            data: params,
            headers: {
                'Content-Type': contentType,
            },
        }).then((data) => {
            resolve(data);
        }).catch((err) => {
            reject(err);
        });
    });
}

index.js

import { axios } from './axios';
export const login_api = params => post('/login', params);

cs.vue

import { login_api } from "../../application/api/index.js";

login_api(params).then(res => {

}).catch((err) => { });