nuxt2+vue2+vue-i18n保姆级教程

nuxt2+vue2+vue-i18n国际化

1.nuxt2初体验>>>戳这里

2.实现步骤

1.安装vue-i18n
2.创建一个中间件（middleware/）i18n.js
3.创建locale/包文件夹，里面包含en.json、cn.json
4.在plugins/下，创建i18n.js，并引入vue-i18n
5.在pages/下创建页面以及_lang/文件夹，同步pages/里面的页面
6.nuxt.config.js中引入相关配置
7.页面中使用

3.具体操作

1.安装vue-i18n
npm install vue-i18n --save

2.在middleware/下新建i18n.js

3.创建locale/文件夹下中英文json文件

4.在plugins/下，创建i18n.js

5.page/下新建相关路由文件，并在_lang/同步

6.在nuxt.config.js中引入相关配置

plugins: ['@/plugins/i18n']，
generate: {
  routes:['/home','/about','/consult','/recruit','/solution','/support','/en/home','/en/about','/en/consult','/en/recruit','/en/solution','/en/support']
},
build: {vendor: ['vue-i18n'] }


7.页面中使用
$t("links.home")


还有坑的话慢慢填。。。。