经token验证得到接口数据

参考文章：设置token到请求头 - 掘金 (juejin.cn)

在我的axios中设置如下

注意第三个注释

// 请求路由拦截
axios.interceptors.request.use(
    function (config) {
        const token = Cookies.get("token");
        // token 令牌写入
        if (token) {
// ※此处的token以及语句内容需要和后端协商
            config.headers["token"] = `${token}`;
        }
        return config;
    },
    function (error) {
        return Promise.reject(error);
    }
);

// 响应拦截
axios.interceptors.response.use(
    function (response) {
        if (response.status === 200) {
            return Promise.resolve(response);
        } else {
            return Promise.reject(response);
        }
    },
    function (error) {
        return Promise.reject(error);
    }
);

　　还有一点关于基础路由地址

axios.defaults.baseURL = "...:8081";

如果还有别的是从其他接口拿的，在POST或者其他方法里自定义接口

 * 下载文件
 * @param {*} url: 请求地址
 * @param {*} params: 请求参数
 */
export function downFile(url, params) {
    return new Promise((resolve, reject) => {
        axios({
            method: "get",
            url: url,
            params: params,
            headers: {
                "Content-Type": "application/x-www-form-urlencoded"
            },
            responseType: 'blob',
            baseURL: "...:9965"
        })
            .then((res) => {
                resolve(res)
            })
            .catch((err) => {
                reject("错误信息:", err);
            });
    })
}

　　

 

 一句话判断↓

  baseURL: process.env.NODE_ENV === 'development' ? '/path' : '/api'