1.安装axios。

npm install axios

2.封装axios。在utils下新建http.js文件，并写入以下代码。

// axios基础封装
// 1.导入axios
import axios from "axios";

// 2.创建axios
const httpInstance = axios.create({
    // 接口基地址，写自己项目的基地址
    baseURL: '',
    // 请求接口超时时间
    timeout: 3000
})

// 3.拦截器
// 请求拦截器
httpInstance.interceptors.request.use(config => {
    return config
}, e => Promise.reject(e))
// 响应拦截器
httpInstance.interceptors.response.use(res => res.data, e => {
    return Promise.reject(e)
})

// 4.导出
export default httpInstance

3.在apis中封装axios请求，代码示例如下：

// 封装请求
// 1.导入axios实例
import httpInstance from '@/utils/http.js'

// 2.请求函数
export function getCategory() {
    return httpInstance({
        // 请求地址
        url: 'home/category/head'
    })
}

4.使用axios请求函数

import { getCategory } from '@/apis/testAPI'
getCategory().then(res => {
    console.log(res);
})

5.效果如下