[ Ref ] 共用 localStorage service

劉鈞霖

2021-12-15 8920cf32b364d6018da3a866e24e8d39e3b86087

 PAMapp/assets/ts/api/share.ts

@@ -1,49 +1,67 @@
import { AxiosRequestConfig, AxiosError, AxiosResponse} from 'axios';
import ErrorMessageBox from '../errorService';
import axios from 'axios';
import { AxiosRequestConfig, AxiosError, AxiosResponse } from 'axios';
import { MessageBox } from 'element-ui';
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(
  (config:AxiosRequestConfig)=>{
  (config: AxiosRequestConfig) => {
    loadingStart();
    addHttpHeader(config);
    return config;
  }
);

service.interceptors.response.use(
  (response:AxiosResponse)=>{
  (response: AxiosResponse) => {
    loadingFinish();
    return response;  // maybe can use response.data
    return response;
  },
  (error:AxiosError)=>{
  (error: AxiosError) => {
    loadingFinish();
    if (error.config.url !== '/otp/verify') {
      openErrorMessage();
    }
    showErrorMessageBox(error)
    return Promise.reject(error);
  }
);


function addHttpHeader(config: AxiosRequestConfig): void {
  config.headers = {
    Authorization: 'Bearer ' + localStorage.getItem('id_token')
  }
}

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

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

function openErrorMessage():void{
  MessageBox({
    message: '系統發生錯誤',
    showClose:false,
    showConfirmButton:true,
    confirmButtonText:'確認',
    customClass:'pam-message-box',
    closeOnClickModal:false,
  });
}
function showErrorMessageBox(error: any): void {
  // console.log('error', error, error.response);
  if (!_.includes(notRequireInterceptorErrorUrl, error.config.url)) {
    switch (error.response.status) {
      case 401:
        Promise.all([ErrorMessageBox('登入逾時'),window.$nuxt.$store.dispatch('localStorage.service/clearStorage')]).then(()=>{
          _.isEqual(window.$nuxt.$route.name, 'index') ? location.reload() : window.$nuxt.$router.push('/');
        });
        break;

      default:
        ErrorMessageBox('', error);
        break;
    }
  }
};