ABP VNext使用Vue客戶端odic登錄配置identityserver4

折騰很久，最后無意間試出來vue客戶端通過odic跳轉登錄並返回vue客戶端，記錄以資與我一樣的菜鳥。

1、后端是從ABP VNEXT 官網生成的模板項目，MVC項目和Angular項目都可以。后端項目進行數據遷移后無需做任何更改。

2、vue客戶端的建立就不說了。

3、npm install odic-client。在vue目錄中cmd執行這條語句。

4、建立一個ts文件，代碼如下

import OidcClient from "oidc-client"

var config={

  authority: "https://localhost:44385",

  client_id: "LearningMVC_App",

  redirect_uri: "http://localhost:4200",

  response_type: "code",

  scope: "offline_access openid profile role email phone LearningMVC",

  post_logout_redirect_uri: "http://localhost:4200"

}

var odic=new OidcClient.UserManager(config);

export default odic;

至此就可以了。說明一下上述代碼，上述代碼是仿照Angular模板項目配置的。

之所以必須配置成上述那樣是因為，模板項目在數據庫中已經存了相關的配置。

在domain庫文件里，初始數據中可以看到初始化的登錄配置。