1. 创建request.js 文件
  2. 引入axios import axios from 'axios'
  3. 创建axios 实例 const service =axios.create({ baseURL:' 请求的根路径', timeout :请求超时时间 默认30秒, headers:{'"Content-Type": "application/json"'}//请求头})
  4. 请求拦截器service.interceptors.request.use(config=>{return config},error=>{return Promise.reject(err)});
  5. 响应拦截器service.interceptors.response.use(response => {return response;},error=>{return Promise.reject(err)});
  6. 抛出axios 实例 export default service

上代码
import axios from “axios”;
// 配置请求根路径
const service = axios.create({
baseURL: “http://192.168.5.31:8077”,
timeout: 30000, // 请求超时时间 默认30秒
headers: {
“Content-Type”: “application/json”
}
});
//请求拦截器
service.interceptors.request.use(
config => {
// 给请求头添加token
config.headers.Authorization = sessionStorage.getItem(“token”);
return config;
},
error => {
return Promise.reject(error);
}
);
// 响应拦截器
service.interceptors.response.use(
response => {
// 对响应回的数据 进行操作
return response;
},
error => {
return Promise.reject(error);
}
);
export default service;

  1. 创建接口文件
  2. 引入axios 实例 import request from "./request"; //我这里是同级目录下
  3. 可以开始写api了
Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐