vue3项目中如何进行基础化配置

axios官方文档 

一、安装依赖

npm install axios  

二、进行基础化配置

src/utils/http.js 编写配置文件

//axios基础封装
import axios from 'axios'

const httpInstance = axios.create({
    baseURL: 'http://pcapi-xiaotuxian-front-devtest.itheima.net',
    timeout: 5000
})

//拦截器

//axios请求拦截器
httpInstance.interceptors.request.use(config => {
    return config
}, e => Promise.reject(e))

//axios响应式拦截器
httpInstance.interceptors.response.use(
    res => res.data, e => Promise.reject(e)
)

export default httpInstance

三、测试使用

src/apis/testAPI.js

import httpInstance from "@/utlis/http";

export function getCategory(){
    return httpInstance({
        url:'/home/category/head'
    })
}

main.js测试使用

getCategory().then(res => {
    console.log(res)
})

效果：