1,在src里创建一个目录utils,再在里面创建http.js
import axios from "axios" const instance = axios.create({ baseURL: '', timeout: 360000, }) // 添加请求拦截器 instance.interceptors.request.use(function (config) { // 在发送请求之前做些什么 //例如可以添加请求头 console.log(config) return config; }, function (error) { // 对请求错误做些什么 return Promise.reject(error); }); // 添加响应拦截器 instance.interceptors.response.use(function (response) { // 对响应数据做点什么 if (response.status === 200){ //天亮云课堂返回的内容多了一层嵌套。 所以直接返回请求体.data 才是咱们想要的内容 return response.data } //例如可以添加一个判断 return response; }, function (error) { // 对响应错误做点什么 //举个例子 ,在开发阶段,因为要联调,接口多多少少会有报错 可以弹出错误信息及时了解报错信息,并和后端开发沟通,让他改 alert(error) return Promise.reject(error); }); export default instance
2,在src里创建api目录,并在每个页面创建页面需要的封装函数
如index页面
import reg from "../utils/http"
export function fn1 (){
return req.get()
}