axios的封装

我们在和后台交互数据这块，通常使用axios。
首先我们先安装axios

npm install axios

引入
一般我会在项目的src目录中，新建一个utils文件夹，然后在里面新建一个request.js文件。用来封装我们的axios。

import axios from 'axios';
import router from '../router';
const request = axios.create({
    // baseURL: 'http://39.100.7.70:81/',
    timeout: 5000
});
//请求拦截器
request.interceptors.request.use(config => {
    return config
});
//响应拦截器
request.interceptors.response.use(config => {
    return config
}, error => {
    router.push('/error')
    return Promise.reject(error)
});
export default request

具体的拦截器逻辑以具体业务为准。

使用：
在组件中使用

import request from "@/utils/request";

在全局中使用

import axios from "@/utils/request";
Vue.prototype.$axios=axios