vue配置路由请求 request 文件

配置request文件

A、在request文件下新建request.js文件

// 引入axios
import axios from "axios";

// 创建axios的实例 用来请求服务器的地址
const instance = axios.create({
  baseURL: "http://xxxxxxxxx", // 服务器地址
  timeout: 5000, // 响应时间
});

// 请求拦截 interceptors拦截  request请求
instance.interceptors.request.use(
  (config) => {
    // 请求后台的token数据
    let token = localStorage.getItem("token");
    if (token) {
      config.headers["X-Nideshop-Token"] = token; // X-Nideshop-Token可自行选择
    }
    return config;
  },
  (err) => {
    // Promise.reject返回一个被拒绝的Promise对象。通过使用err的实例获取错误原因
    return Promise.reject(err);
  }
);

// 响应拦截 interceptors拦截 response响应
instance.interceptors.response.use(
  // 请求成功返回数据
  (res) => {
    return res.data;
  },
  (err) => {
    return Promise.reject(err);
  }
);
export default instance;

B、在request文件下新建api.js文件 拿到对应的数据接口

// 统一管理接口
import request from "./request";

// 请求首页数据
export const GetHomeData = () => request.get("/index/index");