vite熱更新導致的問題及解決

一、封裝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])}

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/web/23906.shtml
繁體地址,請注明出處:http://hk.pswp.cn/web/23906.shtml
英文地址,請注明出處:http://en.pswp.cn/web/23906.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

怎么能通過chatgpt-on-wechat獲取全部的微信聊天信息

要通過 chatgpt-on-wechat 工具獲取全部的微信聊天信息&#xff0c;你可以按照以下步驟操作&#xff1a; 安裝并配置 itchat 庫&#xff1a; itchat 是一個開源的微信個人號接口&#xff0c;可以幫助你獲取微信群聊信息。 pip install itchat登錄微信&#xff1a; 使用 itchat …

小白必學!場外期權的交易模式

場外期權的交易模式 隨著金融市場的深化與創新&#xff0c;場外期權交易作為一種靈活多樣的金融衍生品交易方式&#xff0c;正逐漸成為投資者關注的焦點。場外期權&#xff0c;顧名思義&#xff0c;是在非交易所市場進行的期權交易&#xff0c;與交易所期權有著顯著的區別。那…

Promed Bioscience—高純度膠原蛋白

Promed Bioscience——高純度膠原蛋白供應商 專于研發&#xff0c;忠于質量&#xff0c;創新驅動 AXXORA 作為Enzo life sciences公司的子公司&#xff0c;是歐美最大的生命科學研究信息、服務、銷售電子一站式服務平臺之一&#xff0c;AXXORA精選歐洲四十多家優秀的生命科學研…

Mac 使用Docker安裝Elasticsearch、Kibana 、ik分詞器、head

安裝ElasticSearch 通過docker安裝es docker pull elasticsearch:7.8.1 在本地創建elasticsearch.yml文件 mkdir /Users/ky/Documents/learn/es/elasticsearch.yml 編輯yml文件內容 http: host: 0.0.0.0 xpack.security.enabled: false xpack.security.enrollment.enabled: t…

JAVA-LeetCode 熱題-第24題:兩兩交換鏈表中的節點

思路&#xff1a; 定義三個指針&#xff0c;其中一個臨時指針&#xff0c;進行交換兩個節點的值&#xff0c;重新給臨時指針賦值&#xff0c;移動鏈表 class Solution {public ListNode swapPairs(ListNode head) {ListNode pre new ListNode(0,head);ListNode temp pre;wh…

docker部署fastdfs

我的鏡像包地址 鏈接&#xff1a;https://pan.baidu.com/s/1j5E5O1xdyQVfJhsOevXvYg?pwdhcav 提取碼&#xff1a;hcav docker load -i gofast.tar.gz拉取gofast docker pull sjqzhang/go-fastdfs啟動gofast docker run -d --name fastdfs -p 8080:8080 -v /opt/lijia/lijia…

antd vue a-select 搜索

數據結構 list: [{ name: "序號", id: 0, show: true },{ name: "出庫單編號", id: 1, show: false },{ name: "wbs元素", id: 2, show: true },{ name: "序號1", id: 3, show: true },{ name: "出庫單編號1", id: 4, show…

Java_Collection的其它相關知識

前置知識&#xff1a;可變參數 就是一種特殊形參&#xff0c;定義在方法&#xff0c;構造器的形參列表里&#xff0c;格式是&#xff1a;數據類型…參數名稱&#xff1b; 可變參數的好處和特點 好處&#xff1a;常常用來接受數據。 特點&#xff1a;可以不傳數據給它&#xf…

如何從小米手機傳輸文件到電腦? [5個簡單的方法]

與蘋果設備間的AirDrop或iTunes等工具相比&#xff0c;Android手機到PC的文件傳輸似乎不那么便捷。但小米用戶有多種應用&#xff0c;如Mi PC Suite和ShareMe&#xff0c;可以高效地進行傳輸。本文將介紹5種將小米設備文件傳輸到PC的方法&#xff0c;包括使用和不使用USB線的情…

深度學習_02_卷積神經網絡循環神經網絡

卷積神經網絡 1. 卷積神經網絡 神經元存在局部感受區域----感受野 . 第一個卷積神經網絡雛形----新認知機 缺點&#xff1a;沒有反向傳播算法更新權值&#xff0c;模型性能有限 第一個大規模商用卷積神經網絡----Lenet-5 缺點&#xff1a;沒有大量數據和高性能計算資源。 第一個…

圖解 React diff 算法

Render 階段會生成 Fiber Tree&#xff0c;所謂的 diff 實際上就是發生在這個階段&#xff0c;這里的 diff 指的是 current FiberNode 和 JSX 對象之間進行對比&#xff0c;然后生成新的的 wip FiberNode。 除了 React 以外&#xff0c;其他使用到了虛擬 DOM 的前端框架也會有類…

C++的枚舉

文章目錄 簡介枚舉的基本語法基本使用方法習題簡介 在C++中,枚舉(Enumeration)是一種數據類型,它允許程序員定義一個變量并指定它可以取的那些固定值的集合。枚舉的主要目的是提高代碼的可讀性和維護性,通過使用有意義的名稱而不是數字來表示狀態、類型或其他固定集合的值…

Kafka之Producer原理

1. 生產者發送消息源碼分析 public class SimpleProducer {public static void main(String[] args) {Properties prosnew Properties();pros.put("bootstrap.servers","192.168.8.144:9092,192.168.8.145:9092,192.168.8.146:9092"); // pros.pu…

OceanBase v4.2 特性解析:Lateral Derived Table 優化查詢

前言 從傳統規則來看&#xff0c;內聯視圖通常不允許引用在同一FROM子句中前面定義的表的列。但從OceanBase 4.2.2版本開始&#xff0c;這一限制得到了突破&#xff0c;允許內聯視圖作為Lateral Derived Table來定義&#xff0c;從而允許此類引用。Lateral Derived Table的語法…

26-LINUX--I/O復用-select

一.I/O復用概述 /O復用使得多個程序能夠同時監聽多個文件描述符&#xff0c;對提高程序的性能有很大幫助。以下情況適用于I/O復用技術&#xff1a; ? TCP 服務器同時要處理監聽套接字和連接套接字。 ? 服務器要同時處理 TCP 請求和 UDP 請求。 ? 程序要同時處理多個套接…

Facebook廣告素材如何測試?手把手教你!

廣告素材對Facebook廣告效果的影響是很大的&#xff0c;用對了素材&#xff0c;Facebook廣告的價值就越高。廣告主們通常會先通過廣告測試&#xff0c;根據數據反饋來挑選素材。今天就手把手教你做Facebook素材測試的技巧&#xff0c;讓你更有靈感和思路&#xff01; 創意測試 …

Hudi CLI 安裝配置總結

前言 上篇文章 總結了Spark SQL Rollback, Hudi CLI 也能實現 Rollback,本文總結下 Hudi CLI 安裝配置以及遇到的問題。 官方文檔 https://hudi.apache.org/cn/docs/cli/ 版本 Hudi 0.13.0(發現有bug)、(然后升級)0.14.1Spark 3.2.3打包 mvn clean package -DskipTes…

使用 Django 構建動態網頁

文章目錄 創建 Django 項目和應用程序創建 HTML 模板創建視圖函數配置 URL 路由運行 Django 服務器使用 Django 模板語言 Django 是一個流行的 Python Web 框架&#xff0c;它能夠幫助開發人員快速構建強大的 Web 應用程序。在 Django 中&#xff0c;HTML 是用于呈現網頁內容的…

Spring Boot 復習

2 3 5&#xff08;不考&#xff09; 9 (1)RestController 注解是一個組合注解&#xff0c;等同于Controller 和ResponseBody 兩個注解結合使用的效果。主要作用是將當前類作為控制層的組件添加到 Spring 容器中&#xff0c;同時該類的方法無法返回 JSP 頁面&#xff0c;而且…

Flutter 中的 RenderObjectToWidgetAdapter 小部件:全面指南

Flutter 中的 RenderObjectToWidgetAdapter 小部件&#xff1a;全面指南 Flutter 是一個功能強大的 UI 框架&#xff0c;由 Google 開發&#xff0c;允許開發者使用 Dart 語言構建跨平臺的移動、Web 和桌面應用。在 Flutter 的渲染體系中&#xff0c;RenderObjectToWidgetAdap…