axios把一个模块的请求单独放在一个地方

request.js

import axios from "axios";

export function request(config) {
  //1.创建axios实例
  const instance = axios.create({
    baseURL:"http://123.207.32.32:8000",
    timeout:5000
  });
  //2.axios的拦截器
  //2.1 请求拦截器
  instance.interceptors.request.use(config=>{
    //  进行操作
    return config;
  },error => {
    //  进行操作
    return error;
  });
  //2.2响应拦截器
  instance.interceptors.response.use(res=>{
    //进行操作
    return res;
  },error => {
    //进行操作
    return error
  });
  //3.发送真正的网络请求
  return instance(config)
}

home.js

import {request} from "./request";
export function getHomeMultidata() {
  return  request({
    url:"/home/multidata"
  })
}

应用

  import {getHomeMultidata} from "../../network/home";

   created() {
      getHomeMultidata().then(res=>{
       this.banners=res.data.data.banner.list;
       this.recommends=res.data.data.recommend.list;
      })
    }