abp與vue國(guó)際化形式，這里將采用服務(wù)端返回國(guó)際化語(yǔ)言的方式實(shí)現(xiàn)

先來看一下abp自帶的頁(yè)面，可以看到abp是已經(jīng)自帶了國(guó)際化的功能，我們只需要把它搬到vue項(xiàng)目里面就可以。

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

1.下面就來具體實(shí)現(xiàn)vue的國(guó)際化

application-configuration接口里面提的localization.languages屬性只有2個(gè)語(yǔ)言了，然后只需要把這個(gè)數(shù)據(jù)綁定到界面上就好了。

• 修改src/lang/index.js同時(shí)刪除除index.js 以外的js文件

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

• 語(yǔ)言切換用的是一個(gè)公共組件 src\components\LangSelect\index.vue

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

• 最后在UI界面上對(duì)應(yīng)的文本使用vue-i18n的$t()方法渲染就好了 如：

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

由于項(xiàng)目小且國(guó)際化有點(diǎn)繁瑣的，要配置的比較多，后面就統(tǒng)一使用中文。將不再配置i18n對(duì)應(yīng)的字典，有需要的小伙伴可進(jìn)行配置。

2.UI權(quán)限管理邏輯處理

身份認(rèn)證管理模塊后端接口都是abp集成的，現(xiàn)階段就是vue項(xiàng)目里面的接口對(duì)接。由于前端部分代碼過多，這里就不一一展示，內(nèi)容參考【xhznl】大神的文章 https://www.cnblogs.com/xhznl/p/13566246.html 或者直接拉起源碼

api接口請(qǐng)求全部放在?src\api\idenity里面

view放在?src\views\identity與?src\views\tenat里面

本章到此結(jié)束。感謝【xhznl】大神的文章教程，下章將進(jìn)行內(nèi)容系統(tǒng)的表，基礎(chǔ)接口的搭建。