[ Update ] 新增Loading 動畫 ，vue-lottie 套件

劉鈞霖

2021-11-18 f83fee16df8811430fbb6ed94c64ecdd01744f38

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
import axios from 'axios';
import { AxiosRequestConfig, AxiosError, AxiosResponse } from 'axios';  
export const service = axios.create({
    baseURL: process.env.BASE_URL
})
 
service.interceptors.request.use(function (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;
    return Promise.reject(error);
});
 
function loadingStart():void{
    window.$nuxt.$loading.start();
}
 
function loadingFinish():void{
    window.$nuxt.$loading.finish();
}