修改logo缓存

buyer/src/App.vue

@@ -9,27 +9,54 @@ import storage from "@/plugins/storage";
 import { getBaseSite } from "@/api/common.js";
 export default {
   name: "App",
-
   mounted() {
-    //获取基本站点信息
+    this.init();
-    getBaseSite().then((res) => {
-      if (res.success && res.result.settingValue) {
-        let data = JSON.parse(res.result.settingValue);
-        this.$store.commit("SET_LOGOIMG", data.buyerSideLogo);
-        this.$store.commit("SET_SITENAME", data.siteName);
-        storage.setItem("siteName", data.siteName);
-        window.document.title = data.siteName;
-        //动态获取icon
-        let link =
-          document.querySelector("link[rel*='icon']") ||
-          document.createElement("link");
-        link.type = "image/x-icon";
-        link.href = data.buyerSideLogo;
-        link.rel = "shortcut icon";
-        document.getElementsByTagName("head")[0].appendChild(link);
-      }
-    });
   },
+  methods:{
+    init(){
+      if(!localStorage.getItem("siteName")||!localStorage.getItem("logoImg")||!localStorage.getItem("sitelogo_expiration_time")) {
+        this.getSite();
+      }else{
+        // 如果缓存过期，则获取最新的信息
+        if (new Date() > localStorage.getItem("sitelogo_expiration_time")) {
+          this.getSite();
+          return;
+        }else{
+          window.document.title = localStorage.getItem("siteName");
+          //动态获取icon
+          let link =document.querySelector("link[rel*='icon']") ||document.createElement("link");
+            link.type = "image/x-icon";
+            link.href = localStorage.getItem("logoImg");
+            link.rel = "shortcut icon";
+            document.getElementsByTagName("head")[0].appendChild(link);
+        }
+      }
+      
+    },
+    getSite(){
+      //获取基本站点信息
+      getBaseSite().then((res) => {
+        if (res.success && res.result.settingValue) {
+          let data = JSON.parse(res.result.settingValue);
+          // 过期时间
+          var expirationTime = new Date().setHours(new Date().getHours() + 1);
+          // 存放过期时间
+          localStorage.setItem("sitelogo_expiration_time", expirationTime);
+          // 存放信息
+          localStorage.setItem('siteName', data.siteName);
+          localStorage.setItem('logoImg', data.buyerSideLogo);
+
+          window.document.title = data.siteName;
+          //动态获取icon
+          let link =document.querySelector("link[rel*='icon']") ||document.createElement("link");
+          link.type = "image/x-icon";
+          link.href = data.buyerSideLogo;
+          link.rel = "shortcut icon";
+          document.getElementsByTagName("head")[0].appendChild(link);
+        }
+      });
+    }
+  }
 };
 </script>
 <style lang="scss">

manager/src/views/Main.vue

@@ -129,24 +129,27 @@ export default {
       if (currWidth <= 1200) {
         this.sliceNum = 2;
       }
-      //获取domainLogo
-      getBaseSite().then((res) => {
-        const { domainLogo, siteName } = JSON.parse(res.result.settingValue);
 
-        this.domainLogo = domainLogo;
+      if(!localStorage.getItem("icon")||!localStorage.getItem("title")||!localStorage.getItem("icontitle_expiration_time")) {
-        //动态获取icon
+        this.getSite();
-        this.setStore("icon", this.domainLogo);
+      }else{
-        let link =
+        // 如果缓存过期，则获取最新的信息
-          document.querySelector("link[rel*='icon']") ||
+        if (new Date() > localStorage.getItem("icontitle_expiration_time")) {
-          document.createElement("link");
+          this.getSite();
-        link.type = "image/x-icon";
+          return;
-        link.href = this.domainLogo;
+        }else{
-        link.rel = "shortcut icon";
+          this.domainLogo = localStorage.getItem("icon");
-        document.getElementsByTagName("head")[0].appendChild(link);
+          let link =
-        //动态获取siteName
+            document.querySelector("link[rel*='icon']") ||
-        this.setStore("title", siteName);
+            document.createElement("link");
-        window.document.title = siteName + " - 运营后台";
+          link.type = "image/x-icon";
-      }),
+          link.href = localStorage.getItem("icon");
+          link.rel = "shortcut icon";
+          document.getElementsByTagName("head")[0].appendChild(link);
+          window.document.title = localStorage.getItem("title") + " - 运营后台";
+
+        }
+      }
 
       // 读取未读消息数
       getNoticePage({}).then((res) => {
@@ -157,6 +160,28 @@ export default {
         }
       });
     },
+    getSite(){
+      //获取domainLogo
+      getBaseSite().then((res) => {
+        const { domainLogo, siteName } = JSON.parse(res.result.settingValue);
+        this.domainLogo = domainLogo;
+        // 过期时间
+        var expirationTime = new Date().setHours(new Date().getHours() + 1);
+        // 存放过期时间
+        localStorage.setItem("icontitle_expiration_time", expirationTime);
+        // 存放信息
+        localStorage.setItem('icon', domainLogo);
+        localStorage.setItem('title', siteName);
+        let link =
+          document.querySelector("link[rel*='icon']") ||
+          document.createElement("link");
+        link.type = "image/x-icon";
+        link.href = domainLogo;
+        link.rel = "shortcut icon";
+        document.getElementsByTagName("head")[0].appendChild(link);
+        window.document.title = siteName + " - 运营后台";
+      })
+    },
     //用户头像下方抽屉点击
     handleClickUserDropdown(name) {
       //个人中心