vue配置路由请求 request 文件

一、
配置request 文件
1.在request 文件下新建request.js文件

点击查看代码

//引入axios
import axios from "axios"；
//创建axios的实例，用来请求服务器的地址
const instance =axios.create({
   baseURL:"http://xxxxxx",//服务器地址
   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;

   ）


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

点击查看代码

//统一管理接口
import request from "./request";
//请求首页数据
export const GetHomeData=()=>request.get("/index/index");