axios拦截器学习

如题:

最近一直在用axios,记录一下axios的拦截用法

// 发送请求
Axios.interceptors.request.use(
    (config) => {
        let token = store.state.token;
        let hasAuthority = store.state.authority;
        //给每个请求手动添加sessionId
        if (!hasAuthority) {
            store.dispatch("showNoAuthorityTip", true); //提示无权限
            return false;
        }
        //修改请求头 可根据业务意义自定义
        config.headers["SessionId"] = token;
        return config;
    },
    (err) => {
        return Promise.reject(err);
    }
);

// http response 拦截器
// 接收请求
Axios.interceptors.response.use(
    (response) => {
        // 根据接口返回情况 自定义拦截处理
        if (response.data.status === "异常操作") {
            alert("接口异常,请联系相关开发人员");
            return false;
        }
        return response;
    },
    (error) => {
        return Promise.reject(error);
    }
);

前端统一拦截以后,很多业务代码就非常好写了。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值