封装axios请求

1.安装axios

npm i axios

新建http.js文件

import axios from 'axios'

//将axiox进行修改(有token)
const http = axios.create({
    baseURL: '',//请求地址
    timeout: 1000 * 6,
    // withCredentials: true,
    headers: {
        'Content-Type': 'application/json; charset=utf-8'
    }
})

//请求前拦截
http.interceptors.request.use(function (config) {
//    在发送请求之前进行拦截验证
    console.log("全局拦截")
    console.log(config, 'config')
        config.headers.token = localStorage.getItem('token')||'123456789'
        return config

}, function (error) {
//对于请求错误应该怎么做
    return Promise.reject(error)
});


//请求后拦截(响应拦截器)
http.interceptors.response.use(function (response) {
//对响应数据进行操作
    console.log('全局拦截响应')
    //请求返回的数据建议打印后进行不同的判断
    // console.log(response)
    if (response.data.code == '404') {
        //    跳转至页面丢失页
    } else if (response.data.code == '401') {
        //    token失效跳转至登录页
    } else {
        return response
    }
}, function (error) {
//对错误的响应做些什么
    return Promise.reject(error)
});


function get(url, params) {
    return http.get(url, {
        params
    })
}

function post(url, data) {
    return http.post(url, data)
}

export default http

之后在main.js中引入