abp与vue国际化形式，这里将采用服务端返回国际化语言的方式实现

先来看一下abp自带的页面，可以看到abp是已经自带了国际化的功能，我们只需要把它搬到vue项目里面就可以。

用到的后端接口 api/abp/application-configuration

1.下面就来具体实现vue的国际化

application-configuration接口里面提的localization.languages属性只有2个语言了，然后只需要把这个数据绑定到界面上就好了。

• 修改src/lang/index.js同时删除除index.js 以外的js文件

• 在 src/store/modules/app.js 的 applicationConfiguration 里面添加

• 语言切换用的是一个公共组件 src\components\LangSelect\index.vue

• 修改后端的配置的语言包文本（src\YiAim.Cms.Domain.Shared\Localization\Cms\zh-Hans.json、zhn-Hans.json）

• 最后在UI界面上对应的文本使用vue-i18n的$t()方法渲染就好了 如：

过程可参考【xhznl】大神的文章 https://www.cnblogs.com/xhznl/p/13554571.html

由于项目小且国际化有点繁琐的，要配置的比较多，后面就统一使用中文。将不再配置i18n对应的字典，有需要的小伙伴可进行配置。

2.UI权限管理逻辑处理

身份认证管理模块后端接口都是abp集成的，现阶段就是vue项目里面的接口对接。由于前端部分代码过多，这里就不一一展示，内容参考【xhznl】大神的文章 https://www.cnblogs.com/xhznl/p/13566246.html 或者直接拉起源码

api接口请求全部放在 src\api\idenity里面

view放在 src\views\identity与 src\views\tenat里面

本章到此结束。感谢【xhznl】大神的文章教程，下章将进行内容系统的表，基础接口的搭建。