การรวม Keycloak กับ Angular
ฉันกำลังพยายามกำหนดค่าส่วนหน้า Angular (10) เพื่อเข้าสู่ระบบและออกโดยใช้ Keycloak แต่ได้รับข้อผิดพลาดต่อไปนี้ในคอนโซลของเครื่องมือ Chrome dev:
GET http://localhost:4200/keycloak.json 404 (Not Found) zone-evergreen.js:2845
ดูเหมือนว่าแม้จะระบุ URL ของเซิร์ฟเวอร์ Keycloak อย่างชัดเจน (ทำงานบนระบบภายในของฉัน) ในโค้ด แต่แอป Angular ก็พยายามตีข้อมูลรับรองการเข้าสู่ระบบในไฟล์ JSON จำลอง
ขอขอบคุณล่วงหน้าหากใครสามารถแนะนำวิธีเอาชนะปัญหานี้ได้
คำตอบ
ดูเหมือนว่าโปรแกรม Angular ของคุณต้องการอ่านไฟล์ keycloak.json สามารถรับได้จาก Keycloak UI และใส่ในไดเร็กทอรีราก "Local Development" เชิงมุมของคุณ ไฟล์นั้นจัดเตรียมให้กับการกำหนดค่าของ Keycloak สำหรับ Authz of Angular
ไฟล์นี้ไม่ได้คัดลอกไดเร็กทอรี dist มันเป็นไดเร็กทอรีการทำงานเชิงมุมที่แท้จริง
โปรดดูภัยคุกคามในคำถามเชิงมุม ใช้ Angular-CLI build เพื่อคัดลอกไฟล์ / ไดเร็กทอรี