http.js

/**axios封装
 * 请求拦截、相应拦截、错误统一处理
 */
import router from '../router';
import axios from 'axios';
import QS from 'qs';
// import store from '../store/index'

// 环境的切换
// if (process.env.NODE_ENV == 'development') {
//     axios.defaults.baseURL = '/api';
// } else if (process.env.NODE_ENV == 'debug') {
//     axios.defaults.baseURL = '';
// } else if (process.env.NODE_ENV == 'production') {    
//     axios.defaults.baseURL = 'http://api.123dailu.com/';
// }

// axios.defaults.baseURL = 'http://192.168.0.115';
// axios.defaults.baseURL = location.origin+'/meet/';
axios.defaults.baseURL = 'http://39.96.88.249/learn/';

// 请求超时时间
axios.defaults.timeout = 10000;

// post请求头
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8';

// 请求拦截器
axios.interceptors.request.use(
    config => {
        // 每次发送请求之前判断是否存在token,如果存在,则统一在http请求的header都加上token,不用每次请求都手动添加了
        // 即使本地存在token,也有可能token是过期的,所以在响应拦截器中要对返回状态进行判断
        
        // var userInfo = localStorage.getItem('userInfo')
        // if(userInfo){
        //     const token = JSON.parse(userInfo).token 
        //     config.headers.common['token'] = token
        // }
        // console.log(token)
        // token && (config.headers.Authorization = token);
        return config;
    },    
    error => {
        return Promise.error(error);    
    }
)

// 响应拦截器
axios.interceptors.response.use(
    response => {
        // console.log(response)
        if (response.status === 200) {
            return Promise.resolve(response);    
        }else {            
            return Promise.reject(response);        
        }
    },
    
    // 服务器状态码不是200的情况
    error => {
        // console.log(error.response)
        // console.log(router)
        if (error.response.status) {
            switch (error.response.status) {                
                case 400:
                    localStorage.clear()
                    router.replace({
                        path: '/login',
                    });
                    break;
                case 401:
                    localStorage.clear()
                    router.replace({
                        path: '/login',
                    });
                    break;
                case 403:
                    localStorage.clear()
                    router.replace({
                        path: '/login',
                    });                   
                    break;
                case 404:
                    localStorage.clear()
                    router.replace({
                        path: '/login',
                    });
                break;
                // 其他错误,直接抛出错误提示
                default:           
            }
            return Promise.resolve(error.response);
        }       
    }
);
/** 
 * get方法,对应get请求 
 * @param {String} url [请求的url地址] 
 * @param {Object} params [请求时携带的参数] 
 */
export function get(url, params){
    return new Promise((resolve, reject) =>{
        axios.get(url, {
            params: params        
        }).then(res => {
            resolve(res.data);
        }).catch(err =>{
            reject(err.data)        
        })    
    })
}
/** 
 * post方法,对应post请求 
 * @param {String} url [请求的url地址] 
 * @param {Object} params [请求时携带的参数] 
 */
export function post(url, params) {
    return new Promise((resolve, reject) => {
         axios.post(url, QS.stringify(params))
        .then(res => {
            resolve(res.data);
        })
        .catch(err =>{
            reject(err.data)
        })
    });
}

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值