merge...

components/ApplyForm.vue

 <template>
   <div class="app-apply-form">
-    <h2 class="title">报名咨询</h2>
+    <h2 class="title">{{ $t('aside.apply') }}</h2>
     <div class="form">
       <div class="form-item">
-        <input type="text" class="form-input" placeholder="请输入您的姓名" v-model="ruleForm.name" />
+        <input type="text" class="form-input" :placeholder="$t('aside.name')" v-model="ruleForm.name" />
       </div>
       <div class="form-item">
-        <input type="number" class="form-input" placeholder="请输入您的电话" maxlength="11" v-model="ruleForm.phone" />
+        <input type="number" class="form-input" :placeholder="$t('aside.phone')" maxlength="11" v-model="ruleForm.phone" />
       </div>
       <div class="form-item">
         <select class="form-select" placeholder="请选择项目" v-model="ruleForm.project_id">
-          <option value="" disabled selected>请选择项目</option>
+          <!-- <option value="" disabled selected>请选择项目</option> -->
           <option v-for="(item, index) in projectList" :value="item.value" :key="index">{{ item.label }}</option>
         </select>
       </div>
       <div class="form-item">
-        <input type="text" class="form-input" placeholder="请输入短信验证码" maxlength="4" v-model="phoneCode" />
+        <input type="text" class="form-input" :placeholder="$t('aside.code')" maxlength="4" v-model="phoneCode" />
         <input
           type="button"
           class="form-button"
@@ -25,7 +25,7 @@
         />
       </div>
       <div class="form-item">
-        <input type="button" value="立即预约" class="form-button" @click="onSbumit" />
+        <input type="button" :value="$t('aside.formBtn')" class="form-button" @click="onSbumit" />
       </div>
     </div>
   </div>
@@ -38,13 +38,13 @@ export default {
     return {
       ruleForm: { name: '', phone: '', project_id: '1000', channel: 19960 },
       projectList: [
-        { label: '综合管理方向工商管理硕士', value: '1012' },
-        { label: '金融工商管理硕士', value: '1000' },
-        { label: '酒店及旅游业工商管理硕士', value: '1008' },
-        { label: '金融硕士', value: '1001' },
-        { label: '应用心理学硕士', value: '1006' },
-        { label: '教育学硕士', value: '1005' },
-        { label: '中国未来金融领袖计划', value: '1007' }
+        { label: this.$t('aside.project1'), value: '1012' },
+        { label: this.$t('aside.project2'), value: '1000' },
+        { label: this.$t('aside.project3'), value: '1008' },
+        { label: this.$t('aside.project4'), value: '1001' },
+        { label: this.$t('aside.project5'), value: '1006' },
+        { label: this.$t('aside.project6'), value: '1005' },
+        { label: this.$t('aside.project7'), value: '1007' }
       ],
       phoneCode: '',
       codeButtonDisabled: false,
@@ -54,7 +54,7 @@ export default {
   },
   computed: {
     buttonText() {
-      return this.codeButtonDisabled ? `${this.disabledTime}秒后重发` : '获取验证码'
+      return this.codeButtonDisabled ? `${this.disabledTime}s` : this.$t('aside.codeBtn')
     }
   },
   methods: {

components/Footer.vue

@@ -2,15 +2,15 @@
   <footer class="main-footer">
     <div class="top">
       <div class="about">
-        <p>地&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;址：北京市海淀区中关村东路1号院清华科技园7号楼5层</p>
-        <p>联系电话：010-62793299</p>
-        <p>邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;箱：service@ezijing.com</p>
+        <p v-html="$t('foot.address')"></p>
+        <p v-html="$t('foot.contact')"></p>
+        <p v-html="$t('foot.email')"></p>
       </div>
       <dl>
-        <dt>关联企业：</dt>
+        <dt>{{ $t('foot.relationT1') }}</dt>
         <dd>
-          <p>清控紫荆（广东）教育科技有限公司</p>
-          <p>清控紫荆（北京）人力资源服务有限公司</p>
+          <p>{{ $t('foot.relationT2') }}</p>
+          <p>{{ $t('foot.relationT3') }}</p>
         </dd>
       </dl>
       <div class="link">
@@ -38,8 +38,8 @@ export default {
   data() {
     return {
       link: [
-        { title: '教育涉外监管信息网', href: 'http://www.pbc.gov.cn/' },
-        { title: '清华大学五道口金融学院', href: 'http://www.pbc.gov.cn/' }
+        { title: this.$t('foot.link1'), href: 'http://www.pbc.gov.cn/' },
+        { title: this.$t('foot.link2'), href: 'http://www.pbc.gov.cn/' }
       ],
       link2: [
         { title: '中国人民银行', href: 'http://www.pbc.gov.cn/' },

components/Header.vue

@@ -2,7 +2,7 @@
   <div>
     <header class="main-header">
       <template v-if="!searchVisible">
-        <nuxt-link to="/" class="logo"></nuxt-link>
+        <nuxt-link to="/" :class="$cookies.get('lang') == 'en-US' ? 'logo-en' : 'logo'"></nuxt-link>
         <div class="search" @click="toggleSearch"></div>
         <div class="menu" :class="menuClasses" @click="toggleMenu"></div>
       </template>
@@ -16,6 +16,12 @@
     </header>
     <app-search v-if="searchVisible"></app-search>
     <app-menu v-show="menuVisible" @showApplyForm="showApplyForm"></app-menu>
+    <div v-show="menuVisible" class="tool-box" @click="switchLocale">
+      <div class="item">
+        <div class="icon"></div>
+        <div class="text">中文/EN</div>
+      </div>
+    </div>
     <right-aside ref="rightAside"></right-aside>
   </div>
 </template>
@@ -49,6 +55,11 @@ export default {
     }
   },
   methods: {
+    switchLocale() {
+      const lang = this.$cookies.get('lang') === 'zh-CN' ? 'en-US' : 'zh-CN'
+      this.$store.dispatch('switchLocale', lang)
+      location.reload()
+    },
     toggleSearch() {
       this.$store.commit('toggleMenu', false)
       this.$store.commit('toggleSearch', !this.searchVisible)
@@ -85,6 +96,12 @@ export default {
     height: 0.26rem;
     background-size: contain;
   }
+  .logo-en {
+    flex: 1;
+    background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/pc/en-logo.png) no-repeat;
+    height: 0.26rem;
+    background-size: contain;
+  }
   .search {
     width: 0.18rem;
     height: 0.18rem;
@@ -143,4 +160,26 @@ export default {
     }
   }
 }
+.tool-box{
+  padding: .85rem 0;
+  display: flex;
+  justify-content: center;
+  background: #fff;
+  .item{
+    .icon{
+      width: .5rem;
+      height: .5rem;
+      background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/www/h5/images/change-lang.png);
+      background-size: 100% 100%;
+      margin: 0 auto;
+    }
+    .text{
+      font-size: .14rem;
+      line-height: 100%;
+      color: #999999;
+      margin-top: .1rem;
+      text-align: center;
+    }
+  }
+}
 </style>

components/Menu.vue

@@ -14,78 +14,81 @@ export default {
     return {
       list: [
         {
-          name: '关于紫荆',
+          name: this.$t('menu.about'),
           children: [
-            { name: '紫荆简介', path: '/about/introduce' },
-            { name: '文化理念', path: '/about/culture' },
-            { name: '新闻中心', path: '/about/news' },
-            { name: '联系我们', path: '/about/contact' }
+            { name: this.$t('menu.aboutChild.about'), path: '/about/introduce' },
+            { name: this.$t('menu.aboutChild.culture'), path: '/about/culture' },
+            { name: this.$t('menu.aboutChild.news'), path: '/about/news' },
+            { name: this.$t('menu.aboutChild.contact'), path: '/about/contact' }
           ]
         },
         {
-          name: '学位教育',
+          name: this.$t('menu.services'),
           children: [
-            { name: '本科', children: [{ name: '海外留学SHMS（即将推出）', onClick: this.showTips }] },
             {
-              name: '硕士',
+              name: this.$t('menu.servicesChild.x'),
               children: [
-                { name: '金融硕士MSF', href: 'https://kelley.ezijing.com' },
-                { name: '教育学硕士MED（儿童心理与教育）', href: 'https://cu.ezijing.com' },
-                { name: '应用心理学MAP', href: 'https://ciis.ezijing.com' },
-                { name: '未来金融领袖计划', href: 'https://cfflp.ezijing.com' }
-              ]
-            },
-            {
-              name: 'MBA',
-              children: [
-                { name: '综合管理方向MBA', href: 'https://marywood.ezijing.com' },
-                { name: '金融方向MBA', href: 'https://sofia.ezijing.com' },
-                { name: '酒店和旅游方向MBA', href: 'https://shms.ezijing.com' }
+                { name: this.$t('menu.servicesChild.xChild.products'), href: 'https://x.ezijing.com' }
+                // { name: '数字金融客户服务证书', onClick: this.showTips },
+                // { name: '酒店及旅游业的数字化营销证书', onClick: this.showTips },
+                // { name: '青少年儿童心理以及行为指导证书', onClick: this.showTips }
               ]
             },
+            { name: this.$t('menu.servicesChild.program'), path: '/services/major' },
+            { name: this.$t('menu.servicesChild.college'), path: '/services/college' },
+            { name: this.$t('menu.servicesChild.career'), path: '/services/job' },
+            { name: this.$t('menu.servicesChild.highLevel'), path: '/services/employment' },
             {
-              name: '博士',
+              name: this.$t('menu.servicesChild.online'),
               children: [
-                { name: '心理学博士DBA（即将推出）', onClick: this.showTips },
-                { name: '工商管理学博士EDD（即将推出）', onClick: this.showTips }
+                { name: this.$t('menu.servicesChild.onlineChild.design'), onClick: this.showTips },
+                { name: this.$t('menu.servicesChild.onlineChild.support'), onClick: this.showTips },
+                { name: this.$t('menu.servicesChild.onlineChild.joint'), onClick: this.showTips }
               ]
             }
           ]
         },
         {
-          name: '教育服务',
+          name: this.$t('menu.degree'),
           children: [
+            { name: this.$t('menu.degreeChild.bachelor'), children: [{ name: this.$t('menu.degreeChild.bachelorChild.shms'), onClick: this.showTips }] },
             {
-              name: '1+x',
+              name: this.$t('menu.degreeChild.master'),
               children: [
-                { name: '金融产品数字化营销证书', href: 'https://x.ezijing.com' }
-                // { name: '数字金融客户服务证书', onClick: this.showTips },
-                // { name: '酒店及旅游业的数字化营销证书', onClick: this.showTips },
-                // { name: '青少年儿童心理以及行为指导证书', onClick: this.showTips }
+                { name: this.$t('menu.degreeChild.masterChild.msf'), href: 'https://kelley.ezijing.com' },
+                { name: this.$t('menu.degreeChild.masterChild.med'), href: 'https://cu.ezijing.com' },
+                { name: this.$t('menu.degreeChild.masterChild.map'), href: 'https://ciis.ezijing.com' },
+                { name: this.$t('menu.degreeChild.masterChild.paln'), href: 'https://cfflp.ezijing.com' }
+              ]
+            },
+            {
+              name: this.$t('menu.degreeChild.mba'),
+              children: [
+                { name: this.$t('menu.degreeChild.mbaChild.mba'), href: 'https://marywood.ezijing.com' },
+                { name: this.$t('menu.degreeChild.mbaChild.finance'), href: 'https://sofia.ezijing.com' },
+                { name: this.$t('menu.degreeChild.mbaChild.internatidnal'), href: 'https://shms.ezijing.com' }
               ]
             },
-            { name: '专业共建', path: '/services/major' },
-            { name: '产业学院', path: '/services/college' },
-            { name: '新职业', path: '/services/job' },
-            { name: '高质量实习就业服务', path: '/services/employment' },
             {
-              name: '在线教育解决方案',
+              name: this.$t('menu.degreeChild.doctor'),
               children: [
                 { name: '核心能力概括', path: '/services/solution' },
-                { name: '联合运营案例-私人财富风险管理顾问（PRP）', href: 'https://prp.ezijing.com/' }
+                { name: '联合运营案例-私人财富风险管理顾问（PRP）', href: 'https://prp.ezijing.com/' },
+                { name: this.$t('menu.degreeChild.doctorChild.dba'), onClick: this.showTips },
+                { name: this.$t('menu.degreeChild.doctorChild.edd'), onClick: this.showTips }
               ]
             }
           ]
         },
         {
-          name: '校友会',
+          name: this.$t('menu.alumni'),
           children: [
-            { name: '校友会', path: '/alumnus' }
+            { name: this.$t('menu.alumniChild.alumni'), path: '/alumnus' }
             // { name: '校友风采', path: '/alumnus/style' }
           ]
         },
         {
-          name: '我要报名',
+          name: this.$t('menu.apply'),
           onClick: () => {
             this.$emit('showApplyForm')
           }

components/RightAside.vue

@@ -4,11 +4,11 @@
       <ul class="right-aside-btns">
         <li @click="showApplyForm">
           <img src="https://zws-imgs-pub.ezijing.com/static/public/d434fa0ffd77892273e63e6d694cff0a.png" />
-          <p>我要报名</p>
+          <p>{{ $t('aside.apply') }}</p>
         </li>
         <li @click="showFollow">
           <img src="https://zws-imgs-pub.ezijing.com/static/public/5526b83d7526b2742f6eba7151c367db.png" />
-          <p>关注我们</p>
+          <p>{{ $t('aside.follow') }}</p>
         </li>
       </ul>
     </div>
@@ -21,10 +21,10 @@
     <!-- 关注我们 -->
     <van-overlay :show="followVisible" @click="followVisible = false">
       <div class="dialog-box" @click.stop>
-        <h2 class="title">关注我们</h2>
+        <h2 class="title">{{ $t('aside.follow') }}</h2>
         <div class="follow">
           <img src="https://zws-imgs-pub.ezijing.com/static/public/d2d9945d598e81c3b58aff5ce927a78a.jpg" />
-          <p>扫码关注 了解更多</p>
+          <p>{{ $t('aside.pay') }}</p>
         </div>
       </div>
     </van-overlay>
@@ -89,6 +89,7 @@ export default {
   }
 }
 .dialog-box {
+  padding: .1rem;
   position: absolute;
   top: 50%;
   left: 50%;

components/TabNav.vue

@@ -20,11 +20,18 @@ export default {
 <style lang="scss">
 .app-tab-nav {
   display: flex;
+  overflow-x: scroll;
+  &::-webkit-scrollbar{
+    display: none;
+  }
   li {
     margin-left: 0.3rem;
     font-size: 0.14rem;
     line-height: 0.38rem;
     color: #333;
+    a{
+      white-space: nowrap;
+    }
     &.is-active {
       border-bottom: 0.02rem solid #aa1941;
     }

components/about/TabNav.vue

@@ -9,10 +9,10 @@ export default {
   data() {
     return {
       list: [
-        { name: '紫荆简介', path: '/about/introduce', value: '1' },
-        { name: '文化理念', path: '/about/culture', value: '2' },
-        { name: '新闻中心', path: '/about/news', value: '3' },
-        { name: '联系我们', path: '/about/contact', value: '4' }
+        { name: this.$t('menu.aboutChild.about'), path: '/about/introduce', value: '1' },
+        { name: this.$t('menu.aboutChild.culture'), path: '/about/culture', value: '2' },
+        { name: this.$t('menu.aboutChild.news'), path: '/about/news', value: '3' },
+        { name: this.$t('menu.aboutChild.contact'), path: '/about/contact', value: '4' }
       ]
     }
   }

components/alumnus/TabNav.vue

@@ -9,7 +9,7 @@ export default {
   data() {
     return {
       list: [
-        { name: '校友会', path: '/alumnus', value: '1' }
+        { name: this.$t('alumni.title'), path: '/alumnus', value: '1' }
         // { name: '校友风采', path: '/alumnus/style', value: '2' }
       ]
     }

components/home/Case.vue

 <template>
-  <card title="教育服务案例">
+  <card :title="$t('home.case.title')">
     <van-swipe class="my-swipe" :loop="true" :autoplay="5000" :show-indicators="false">
       <template v-for="(item, index) in list">
         <van-swipe-item :key="index">
@@ -12,7 +12,6 @@
         </van-swipe-item>
       </template>
     </van-swipe>
-    <!-- 、、阿萨德 -->
   </card>
 </template>
 

components/home/Class.vue

 <template>
-  <card title="公开课">
-    <template #header-aside><nuxt-link to="/about/news?type=article_publish_class">查看更多+</nuxt-link></template>
+  <card :title="$t('home.openLesson.title')">
+    <template #header-aside><nuxt-link to="/about/news?type=article_publish_class">{{ $t('viewMore') }}</nuxt-link></template>
     <new-link :item="{ news: { data: list.first, path: '/about/news' } }">
       <img :src="list.first.web_img_uri" class="class-banner" />
     </new-link>
@@ -16,7 +16,7 @@
           <div class="list-item-ft">
             <span class="list-item__date">{{ formatDate(item.start_time) }}</span>
             <span class="list-item__view">{{ item.remarks || 36023 }}</span>
-            <span class="list-item__btn">免费学习</span>
+            <span class="list-item__btn">{{ $t('home.openLesson.btn') }}</span>
           </div>
         </new-link>
       </div>

components/home/Degree.vue

 <template>
   <div class="degree">
-    <div class="degree-hd">学位教育</div>
+    <div class="degree-hd">{{ $t('home.degree.title') }}</div>
     <div class="degree-bd">
       <ul class="tab-left">
         <li
@@ -35,81 +35,81 @@ export default {
       indexActive: 1,
       data: [
         {
-          name: '本科',
+          name: this.$t('home.degree.tabBtn1'),
           content: [
             {
               icon: 'https://zws-imgs-pub.ezijing.com/static/public/e624ed7af7b49a9e04e7ac2ec95db7e1.png',
               iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/8b32a69e26a4d20eaddc8bb3d6f4ccc5.png',
-              text: '海外留学<br />SHMS<br/>（即将推出）',
+              text: this.$t('home.degree.shms'),
               onClick: this.showTips
             }
           ]
         },
         {
-          name: '硕士',
+          name: this.$t('home.degree.tabBtn2'),
           content: [
             {
               icon: 'https://zws-imgs-pub.ezijing.com/static/public/69fc809f95bd7985e13827a6dcd4dcd1.png',
               iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/ac6cde3fb04de4c3478d02e7572fe9c9.png',
-              text: '金融硕士<br />MSF',
+              text: this.$t('home.degree.msf'),
               href: 'https://kelley.ezijing.com'
             },
             {
               icon: 'https://zws-imgs-pub.ezijing.com/static/public/ac66fee3cad3cca2b4b38ef3cceed9dc.png',
               iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/8fe0f6c8995847dee420e70a21da4d3f.png',
-              text: '教育学硕士MED<br />(儿童心理与教育)',
+              text: this.$t('home.degree.med'),
               href: 'https://cu.ezijing.com'
             },
             {
               icon: 'https://zws-imgs-pub.ezijing.com/static/public/aa2c06a74a470cbee1443e66bb6bc981.png',
               iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/db8ca58d8032f32a77a7a9deea9b417b.png',
-              text: '应用心理学<br />硕士MAP',
+              text: this.$t('home.degree.map'),
               href: 'https://ciis.ezijing.com'
             },
             {
               icon: 'https://zws-imgs-pub.ezijing.com/static/public/70748b8e679e7b3f40310635d9f3bae7.png',
               iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/49f4eb2509433e42555754f74a4dcae2.png',
-              text: '未来金融<br />领袖计划',
+              text: this.$t('home.degree.plan'),
               href: 'https://cfflp.ezijing.com'
             }
           ]
         },
         {
-          name: 'MBA',
+          name: this.$t('home.degree.tabBtn3'),
           content: [
             {
               icon: 'https://zws-imgs-pub.ezijing.com/static/public/17ef11bc534aadf1d8e3b94fd6d4350f.png',
               iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/0d2ea39ee5d40200a6f513db2e9b88de.png',
-              text: '综合管理方向MBA',
+              text: this.$t('home.degree.mba'),
               href: 'https://marywood.ezijing.com'
             },
             {
               icon: 'https://zws-imgs-pub.ezijing.com/static/public/a23695e5428a3d5e0a2f47f7d36ebb14.png',
               iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/a2c4b8a1f799b35f04ed618f7b47b9c1.png',
-              text: '金融MBA',
+              text: this.$t('home.degree.finance'),
               href: 'https://sofia.ezijing.com'
             },
             {
               icon: 'https://zws-imgs-pub.ezijing.com/static/public/709ab2dd245369c16631a8d9ebe67006.png',
               iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/29917e1f3d47ca9381b5e0c397e1f082.png',
-              text: '酒店和旅游方向MBA',
+              text: this.$t('home.degree.international'),
               href: 'https://shms.ezijing.com'
             }
           ]
         },
         {
-          name: '博士',
+          name: this.$t('home.degree.tabBtn4'),
           content: [
             {
               icon: 'https://zws-imgs-pub.ezijing.com/static/public/841ff657ca26c0f26da3e24d799ae2a5.png',
               iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/5785a4d37264a8293b956a3f065f11cf.png',
-              text: '心理学博士<br/>（即将推出）',
+              text: this.$t('home.degree.dba'),
               onClick: this.showTips
             },
             {
               icon: 'https://zws-imgs-pub.ezijing.com/static/public/aebf1f65a324cff54eb9466bf2fd0b66.png',
               iconActive: 'https://zws-imgs-pub.ezijing.com/static/public/526bebd1d9279c19895c5c4f1a3cfcce.png',
-              text: '工商管理学博士<br/>（即将推出）',
+              text: this.$t('home.degree.edd'),
               onClick: this.showTips
             }
           ]

components/home/Post.vue

 <template>
-  <card title="项目公告">
-    <template #header-aside><nuxt-link to="/about/news?type=article_news">查看更多+</nuxt-link></template>
+  <card :title="$t('home.bulletin.title')">
+    <template #header-aside><nuxt-link to="/about/news?type=article_news">{{ $t('viewMore') }}</nuxt-link></template>
     <div class="future">
       <!-- <div class="future-left">即将开始的<br />课程日期</div> -->
       <div class="future-right">

components/home/Publish.vue

 <template>
-  <card title="校长寄语">
-    <template #header-aside><nuxt-link to="/about/news?type=img_text_school">查看更多+</nuxt-link></template>
+  <card :title="$t('home.msg.title')">
+    <template #header-aside><nuxt-link to="/about/news?type=img_text_school">{{ $t('viewMore') }}</nuxt-link></template>
     <van-swipe class="my-swipe" :autoplay="5000" :vertical="true" indicator-color="white">
       <template v-for="(item, index) in list">
         <van-swipe-item :key="index">

components/home/Service.vue

 <template>
   <div class="service">
-    <div class="service-hd">教育服务</div>
+    <div class="service-hd">{{ $t('menu.services') }}</div>
     <ul class="service-bd">
       <li v-for="(item, index) in data" :key="index">
         <app-link :item="item">

components/home/Story.vue

 <template>
-  <card title="校友故事">
-    <p class="tips">You are What you together， 结识5000+ 同样优秀的人！</p>
+  <card :title="$t('home.alumni.title')">
+    <p class="tips">{{ $t('home.alumni.des') }}</p>
     <swiper ref="mySwiper" :options="swiperOptions" class="my-swiper">
       <template v-for="(item, index) in list">
         <swiper-slide :key="index">

middleware/i18n.js

+export default function({ app, store }) {
+  const defaultLocale = app.i18n.fallbackLocale
+  const locale = app.$cookies.get('lang') || defaultLocale
+  store.dispatch('switchLocale', locale)
+}

nuxt.config.js

@@ -49,7 +49,7 @@ export default {
   css: ['vant/lib/index.css', 'swiper/css/swiper.css', '@/assets/css/base.css'],
 
   // Plugins to run before rendering page: https://go.nuxtjs.dev/config-plugins
-  plugins: ['@/plugins/axios', '@/plugins/vant', { src: '@/plugins/swiper' }],
+  plugins: ['@/plugins/i18n', '@/plugins/axios', '@/plugins/vant', { src: '@/plugins/swiper' }],
 
   // Auto import components: https://go.nuxtjs.dev/config-components
   components: true,
@@ -58,8 +58,11 @@ export default {
   buildModules: [],
 
   // Modules: https://go.nuxtjs.dev/config-modules
-  modules: ['@nuxtjs/axios'],
+  modules: ['@nuxtjs/axios', 'cookie-universal-nuxt'],
 
   // Build Configuration: https://go.nuxtjs.dev/config-build
-  build: {}
+  build: {},
+  router: {
+    middleware: ['i18n']
+  }
 }