[ Update ] 修正除了登入 api 以外 401 錯誤訊息並清掉 localStorage

劉鈞霖

2021-11-30 3fae583242df9d3c6599b4c0ff350cca0d66a061

[ Update ] 修正除了登入 api 以外 401 錯誤訊息並清掉 localStorage

 PAMapp/assets/ts/api/share.ts

@@ -1,5 +1,6 @@
import { AxiosRequestConfig, AxiosError, AxiosResponse } from 'axios';
import ErrorMessageBox from '../errorService';
import LocalStorage from '~/store/localStorage';
import axios from 'axios';
import _ from 'lodash';

@@ -42,8 +43,17 @@
    window.$nuxt.$loading.finish();
};

function showErrorMessageBox(error:AxiosError):void{
function showErrorMessageBox(error:any):void{
  if(!_.includes(notRequireInterceptorErrorUrl,error.config.url)){
    ErrorMessageBox();
    switch (error.response.status) {
      case 401:
        ErrorMessageBox('登入逾時');
        window.$nuxt.$store.commit('localStorage/storageClear');
        break;
      default:
        ErrorMessageBox();
        break;
    }

  }
};

 PAMapp/store/localStorage.ts

@@ -24,8 +24,10 @@
  };

  @Mutation storageClear(): void {
    localStorage.clear();
    localStorage.removeItem('userInfo')
    localStorage.removeItem('id_token');
    localStorage.removeItem('current_role');
    this.id_token = localStorage.getItem('id_token');
    this.role_State = localStorage.getItem('roleOfState');
    this.role_State = localStorage.getItem('current_role');
  }
}