feature: 封装单独的获取cookie方法 (#1930)

TencentBlueKing · Apr 21, 2023 · 426d897 · 426d897
1 parent 9b088e0
commit 426d897
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 8 deletions.
diff --git a/frontend/src/App.vue b/frontend/src/App.vue
@@ -52,12 +52,12 @@
     </div>
 </template>
 <script>
-    import Cookie from 'js-cookie';
+    // import Cookie from 'js-cookie';
     import HeaderNav from '@/components/header-nav/index.vue';
     import theHeader from '@/components/header/index.vue';
     import theNav from '@/components/nav/index.vue';
     import IamGuide from '@/components/iam-guide/index.vue';
-    import { existValue } from '@/common/util';
+    import { existValue, getCookie } from '@/common/util';
     import { bus } from '@/common/bus';
     import { mapGetters } from 'vuex';
     import { afterEach } from '@/router';
@@ -123,7 +123,7 @@
         },
         created () {
             const platform = window.navigator.platform.toLowerCase();
-            window.CUR_LANGUAGE = Cookie.get('blueking_language') || 'zh-cn';
+            window.CUR_LANGUAGE = getCookie('blueking_language') || 'zh-cn';
             this.$i18n.locale = window.CUR_LANGUAGE;
             if (platform.indexOf('win') === 0) {
                 this.systemCls = 'win';

diff --git a/frontend/src/common/util.js b/frontend/src/common/util.js
@@ -581,3 +581,13 @@ export function renderLabelWidth (payload) {
     };
     return typeMap[payload]();
 }
+
+// 获取cookie
+export function getCookie (name) {
+    const data = document.cookie.split(';');
+    const params = {};
+    for (let i = 0; i < data.length; i++) {
+        params[data[i].split('=')[0].replace(/\s/, '')] = data[i].split('=')[1];
+    }
+    return params[name];
+}
diff --git a/frontend/src/components/header-nav/index.vue b/frontend/src/components/header-nav/index.vue
@@ -116,6 +116,7 @@
     import { il8n, language } from '@/language';
     import { bus } from '@/common/bus';
     import { buildURLParams } from '@/common/url';
+    import { getCookie } from '@/common/util';
     import SystemLog from '../system-log';
     import { getRouterDiff, getNavRouterDiff } from '@/common/router-handle';
     import Cookie from 'js-cookie';
@@ -562,9 +563,9 @@
                     'zh-cn': lang.zhCN,
                     en: lang.enUS
                 };
-                locale.use(magicBoxLanguageMap[targetLocale]);
-                window.CUR_LANGUAGE = targetLocale;
-                this.$i18n.locale = targetLocale;
+                locale.use(magicBoxLanguageMap[getCookie('blueking_language')]);
+                window.CUR_LANGUAGE = getCookie('blueking_language');
+                this.$i18n.locale = getCookie('blueking_language');
                 window.location.reload();
             },
         

diff --git a/frontend/src/language/index.js b/frontend/src/language/index.js
@@ -26,7 +26,7 @@
 import en from './lang/en';
 import cn from './lang/zh';
 import magicbox from 'bk-magic-vue';
-import Cookie from 'js-cookie';
+import { getCookie } from '@/common/util';
 
 const { lang } = magicbox;
 const messages = {
@@ -40,7 +40,7 @@ const messages = {
     }
 };
 
-const language = Cookie.get('blueking_language') || 'zh-cn';
+const language = getCookie('blueking_language') || 'zh-cn';
 
 // 检测漏掉的翻译
 // const cnLan = cn.language;