axios配置请求拦截器添加token

最新推荐文章于 2025-03-30 21:07:32 发布

奇先僧i

最新推荐文章于 2025-03-30 21:07:32 发布

阅读量1.2k

点赞数

分类专栏： axios 前端文章标签： js

本文链接：https://blog.csdn.net/qq_43677987/article/details/118438316

版权

前端同时被 2 个专栏收录

3 篇文章

订阅专栏

axios

2 篇文章

订阅专栏


    <script>

        // 添加请求拦截器

        axios.interceptors.request.use((config) => {

            return new Promise(resolve, reject => {

                getAccessToken().then(res => {

                    if (res) {

                        config.headers.Authorization = res;

                        resolve(config);

                    } else {

                        reject("");

                    }



                }).catch(err => {

                    resolve(config);

                })

            });

        }, err => {

            return Promise.reject(err);

        });

        function getAccessToken() {

            return new Promise(resolve, reject => {

                let accessToken = window.localStorage.getItem("accessToken");

                let refreshToken = window.localStorage.getItem("refreshToken");

                if (accessToken) {

                    // 使用刷新token重新获取token

                    /*

                    ********************  

                    */

                    resolve(accessToken);

                } else {

                    reject("get access token fail");

                }

            });

        }



    </script>

考虑到使用到了刷新token用于更新token，而获取新的token是异步获取的，之前直接返回config，可能会导致token没有带上就去请求，所以返回promise