一、封裝axios攔截器后,每次熱更新雖然請求了一次,但是response了多次:
import axios from "axios";
axios.interceptors.request.use()
axios.service.interceptors.response.use()
導致此問題是因為觸發了多次攔截器,相當于是給axios添加了多個攔截器,所以多次觸發;
解決辦法:
單獨對axios進行實例化,再設置攔截器
import axios from "axios";
const service = axios.create({baseURL:GLOBAL_IP,headers: {'Content-Type': 'application/json', // 設置請求的Content-Type}
})
service.interceptors.request.use()
service.service.interceptors.response.use()
二、在移動端中使用keepalive,然后調用onActivated,里面設置定時更新的定時器,多次熱更新不刷新頁面的情況下會多個定時請求;
let state = reactive({destroyTimer(){if(state.timer.length>0){for(let i=0;i<state.timer.length;i++){clearInterval(<number>state.timer[i])}