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库文件里，初始数据中可以看到初始化的登录配置。