vue3引用axios

1.安装

npm i axios

2.添加utils.http.js文件，统一配置接口地址

import axios from 'axios'

// 创建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 => {

return Promise.reject(e)

})

export default httpInstance

3.测试用例

添加apis/testAPI.js

import httpInstance from '@/utils/http'

export function getCategoryAPI () {

return httpInstance({

url: 'home/category/head'

})

}

main.js添加测试

import { getCategoryAPI } from '@/apis/testApi'

getCategoryAPI().then(res=>

{console.log(res)}

)

如果项目需要多个基地址

那么创建多个httpInstance？即可

// 创建axios实例

const httpInstance？ = axios.create({

baseURL: '其他地址',

timeout: 5000

})