axios封装详解

1.引入axios

import axios from 'axios'

2.创建axios实例

const service = axios.create({
	// 设置请求地址
	baseURL: 'http://localhost:8000',
	// 设置超时时间
	timeout: 30000,
})

3.设置request请求拦截器

service.interceptors.request.use(
	config => {
		// config.url请求地址
		// config.code请求状态
		return config
	},
	error => {
		// 返回错误信息
		return Promise.reject(error)
	}
)

4.设置response拦截器

service.interceptors.response.use(
	response => {
		// 请求成功返回的数据
		console.log(response)
	},
	error => {
		return Promise.reject(error)
	}
)

5.将axios实例暴露出去

export default service

封装api接口

// 引入封装好的axios
import request from '@/utils/request'
export function userInfo(data) {
	return request({
		// 请求地址
		url: '/user',
		method: 'post',
		data
	})
}