• axios拦截器做全局异常处理,类似java中的filter,并实现国际化


    Axios 响应拦截器是这样写的:

    axios.interceptors.response.use(res => {
      // 对响应数据做些什么
      return response
    }, err => {
      // 对响应错误做些什么
      if(err.response.status == 401){
        //使用iview的消息提示,并引入国际化组建,并调用
        ViewUI.Notice(i18n.t('error.permission'));
        //也可以使用elementui的消息提示
        //ElementUI.Message(i18n.t('error.permission'));
      }else{
        //其他情况,是业务的错误,直接返回业务逻辑错误
        console.log('err', err);
        return Promise.reject(err);//Promise.resolve(err.sresponse);可在组件内获取到服务器返回信息
      } 
    })

    Axios 请求拦截器是这样写的:

    // http request 拦截器
    axios.interceptors.request.use(
      config => {
        const token = sessionStorage.getItem('token');
        if (token ) { // 判断是否存在token,如果存在的话,则每个http header都加上token
          config.headers.authorization = token;  //请求头加上token
        }
        return config;
      },
      err => {
        return Promise.reject(err);//不能在组件中读取err信息
      })

    分享链接:https://www.jianshu.com/p/349b7ab263f8

  • 相关阅读:
    继承与多态
    String作业
    课后作业及动手动脑
    作业3
    动手动脑
    实验任务四
    动手动脑
    课堂练习01
    《大道至简》第一章读后感伪代码
    C++常用编程关键字
  • 原文地址:https://www.cnblogs.com/nizuimeiabc1/p/12862523.html
Copyright © 2020-2023  润新知