第一步:在src中创建utils文件夹 并新建一个request.js文件
import axios from 'axios' const instance = axios.create(); // 添加请求拦截器 instance.interceptors.request.use(function (config) { // 在发送请求之前做些什么 config.params.admin_id = 1//这个数据是写死的 可以从本地存储读取 return config; }, function (error) { // 对请求错误做些什么 return Promise.reject(error); }); // 添加响应拦截器 instance.interceptors.response.use(function (response) { // 2xx 范围内的状态码都会触发该函数 // 对响应数据做点什么 console.log(response) let {data} = response if(data.code == 1){ // 成功 }else{ alert("失败") } return response; }, function (error) { // 超出 2xx 范围的状态码都会触发该函数。 // 对响应错误做点什么 return Promise.reject(error); }); export default instance
第二步 :在src/api/Home.js封装接口 引入该组件
import request from '../utils/request' export const miens =()=>{ return new Promise ((resolve)=>{ request({ url:"/webapi/index/index", method:"post", params:{}, }).then((res)=>{ resolve(res); }); }); };
注:把axios 换成 request 这一步就操作完成了