frontend/src/utils/request.js

import axios from "axios";
// import { Loading } from "element-ui"; //项目已经全局引入element的话可以不单独引入
// let loading; //定义loading变量
// function startLoading() {
//   //使用Element loading-start 方法
//   loading = Loading.service({
//     lock: true,
//     text: "加载中……",
//     background: "rgba(255, 255, 255, 0.7)",
//   });
// }
// function endLoading() {
//   //使用Element loading-close 方法
//   loading.close();
// }
//那么 showFullScreenLoading() tryHideFullScreenLoading() 要干的事儿就是将同一时刻的请求合并。
//声明一个变量 needLoadingRequestCount，每次调用showFullScreenLoading方法 needLoadingRequestCount + 1。
//调用tryHideFullScreenLoading()方法，needLoadingRequestCount - 1。needLoadingRequestCount为 0 时，结束 loading。
// let needLoadingRequestCount = 0;
// export function showFullScreenLoading() {
//   if (needLoadingRequestCount === 0) {
//     startLoading();
//   }
//   needLoadingRequestCount++;
// }

// export function tryHideFullScreenLoading() {
//   if (needLoadingRequestCount <= 0) return;
//   needLoadingRequestCount--;
//   if (needLoadingRequestCount === 0) {
//     endLoading();
//   }
// }

const service = axios.create({
  // process.env.NODE_ENV === 'development' 来判断是否开发环境
  // easy-mock服务挂了，暂时不使用了
  // baseURL: '',
  // timeout: 5000
  baseURL: "api", //把原来的项目地址，改成api，解决跨域问题
  timeout: 3000,
});

service.interceptors.request.use(
  (config) => {
    //showFullScreenLoading();
    return config;
  },
  (error) => {
    console.log(error);
    return Promise.reject();
  }
);

service.interceptors.response.use(
  (response) => {
    if (response.status === 200) {
      // tryHideFullScreenLoading();
      return response.data;
    } else {
      Promise.reject();
    }
  },
  (error) => {
    console.log(error);
    return Promise.reject();
  }
);

export default service;