vue3 Axios拦截器及导航守卫

//Axios请求拦截器
HelperAxios.interceptors.request.use(
    function(config){
        config.baseURL = "http://wh011040.mysh360.com";
        const.headers.accessToke = "AccessToke";
        const.time = 5s;
        if(accessToken === null) {
        } else{
            config.headers.authorization = accessToken;
        }
        return config;
    },
    function(error) {
        return Promise.reject(error);
    }
);

Axios 是一个基于 promise 的 HTTP 库.

Axios特性

1、可以在浏览器中发送 XMLHttpRequests
2、可以在 node.js 发送 http 请求
3、支持 Promise API
4、拦截请求和响应
5、转换请求数据和响应数据
6、能够取消请求
7、自动转换 JSON 数据
8、客户端支持保护安全免受 XSRF 攻击

导航守卫

//导航守卫     前置守卫     （身份检查门）
router.beforeEach(( to, from, next) => {
    if (to.meta.AuthPolicy !== undefined && to.meta.AuthPolicy === "NeedLogin") {
         //去到的路由需要验证用户登录。
        const accessToken = window.localStorage.getItem("AccessToken");
        if (accessToken == null) {
             //用户登录，跳转到IAM登录界面，handerLogin函数由SDK 提供。
            HelperUserAccount.handlerLogin();
        } else {
            //目标路由要求用户已登录且用户已登录，放行   （身份符合）
            next();
        };
    } else {
        //目标路由不需要验证用户已登录，放行   （符合既定路线）
        next();
    };
});

    //后置守卫
router.beforeEach((to, from, failure) =>{
    failure();
});