前端请求链接的header自动带上Authorization

最新推荐文章于 2025-06-13 20:50:41 发布

原创最新推荐文章于 2025-06-13 20:50:41 发布 · 5.9k 阅读

12 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

44 篇文章

订阅专栏

本文介绍如何使用jQuery和axios为HTTP请求自动添加鉴权头部信息，包括请求拦截和响应处理策略。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//jquery
$.ajaxSettings.beforeSend = function(request){
    //request.setRequestHeader("Authorization", sessionStorage.getItem("Authorization"));
    request.setRequestHeader("Authorization",localStorage.getItem("Authorization"));
}

//axios
axios.interceptors.request.use(
    config => {
        config.headers.Authorization = localStorage.getItem("Authorization");
        return config;
    },
    err => {
        return Promise.reject(err);
    }
);

axios.interceptors.response.use(
    response => {
        //未授权，跳转到登录页面
        if (response.data.status === 401) {
            console.log('跳转到登录页面');
        }
        return response;
    },
    error => {
        return Promise.reject(error);
    }
);