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");
标签:axios,请求,err,interceptors,request,token,vue,路由 来源: https://blog.csdn.net/weixin_43971788/article/details/120685290