将Keycloak与Angular集成

Question

我正在尝试配置Angular（10）前端以使用Keycloak登录和注销，但是在Chrome开发人员工具的控制台中始终出现以下错误：

    GET http://localhost:4200/keycloak.json 404 (Not Found)      zone-evergreen.js:2845

似乎，尽管在代码中明确说明了Keycloak服务器的URL（在我的本地系统上运行），但Angular应用仍试图在虚拟JSON文件中访问登录凭据。

如果有人能提出解决此问题的方法，请多谢。

Answer 1

似乎您的Angular程序想要读取keycloak.json文件。 它可以从Keycloak UI中获取。并放入您的有角度的“本地开发”根目录。 该文件提供了Keycloak对Angular的Authz的配置。

该文件实际上未复制`dist'目录。这是一个实际的角度运行目录。

请在角度问题中查看威胁。 Using Angular-CLI build to copy a file / directory