diff --git a/src/App.vue b/src/App.vue
index 4d9876b9..bd4a9f2c 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -5,8 +5,21 @@
 </template>
 
 <script>
+import util from '@/libs/util'
 export default {
-  name: 'app'
+  name: 'app',
+  watch: {
+    '$i18n.locale': 'i18nHandle'
+  },
+  created () {
+    this.i18nHandle(this.$i18n.locale)
+  },
+  methods: {
+    i18nHandle (val, oldVal) {
+      util.cookies.set('lang', val)
+      document.querySelector('html').setAttribute('lang', val)
+    }
+  }
 }
 </script>
 
diff --git a/src/i18n.js b/src/i18n.js
index 4098f333..09581b33 100644
--- a/src/i18n.js
+++ b/src/i18n.js
@@ -1,5 +1,6 @@
 import Vue from 'vue'
 import VueI18n from 'vue-i18n'
+import util from '@/libs/util'
 
 Vue.use(VueI18n)
 
@@ -24,7 +25,7 @@ Vue.prototype.$languages = Object.keys(messages).map(langlage => ({
 }))
 
 export default new VueI18n({
-  locale: process.env.VUE_APP_I18N_LOCALE || 'en',
+  locale: util.cookies.get('lang') || process.env.VUE_APP_I18N_LOCALE,
   fallbackLocale: process.env.VUE_APP_I18N_FALLBACK_LOCALE || 'en',
   messages
 })