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

劉鈞霖

2021-11-30 3fae583242df9d3c6599b4c0ff350cca0d66a061

 PAMapp/assets/ts/api/share.ts

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

const notRequireInterceptorErrorUrl=[
  '/otp/verify',
  '/eService/authenticate',
  '/login/validate/get_img_code',
  '/login/validate/verify_img_code',
];

export const service = axios.create({
    baseURL: process.env.BASE_URL
})
  baseURL: process.env.BASE_URL,
  withCredentials: true
});

service.interceptors.request.use(function (config: AxiosRequestConfig) {
  loadingStart();
service.interceptors.request.use(
  (config:AxiosRequestConfig)=>{
    loadingStart();
    return config;
}, function (error: AxiosError) {
  loadingFinish();
    return Promise.reject(error);
});
  }
);

service.interceptors.response.use(function (response: AxiosResponse) {
  loadingFinish();
    return response;
}, function (error: AxiosError) {
  loadingFinish();
service.interceptors.response.use(
  (response:AxiosResponse)=>{
    loadingFinish();
    return response;  // maybe can use response.data
  },
  (error:AxiosError)=>{
    loadingFinish();
    showErrorMessageBox(error)
    return Promise.reject(error);
});
  }
);

function loadingStart(): void {
  setTimeout(() => {
    window.$nuxt.$loading.start();
  });
}
};

function loadingFinish(): void {
    window.$nuxt.$loading.finish();
}
};

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

  }
};