Tích hợp Keycloak với Angular

Question

Tôi đang cố định cấu hình giao diện người dùng Angular (10) để đăng nhập và đăng xuất bằng Keycloak, nhưng vẫn gặp lỗi sau trong bảng điều khiển của các công cụ dành cho nhà phát triển Chrome:

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

Có vẻ như, mặc dù đã nêu rõ URL của máy chủ Keycloak (chạy trên hệ thống cục bộ của tôi) trong mã, ứng dụng Angular đang cố gắng truy cập thông tin đăng nhập trong một tệp JSON giả.

Rất cảm ơn trước nếu bất cứ ai có thể đề xuất một cách để khắc phục vấn đề này.

Answer 1

Có vẻ như chương trình Angular của bạn muốn đọc một tệp keycloak.json. Nó có thể lấy nó từ Keycloak UI. Và đặt trong thư mục gốc "Local Development" góc cạnh của bạn. Tệp đó cung cấp cho cấu hình của Keycloak cho Authz of Angular.

Nó thực sự không sao chép thư mục dist. nó là một thư mục chạy góc cạnh thực tế.

Vui lòng xem mối đe dọa trong các câu hỏi góc cạnh. Sử dụng bản dựng Angular-CLI để sao chép tệp / thư mục