Hello saad.aldulaijan,
could you please check following links - https://support.abp.io/QA/Questions/446/How-do-I-customize-login-pages-for-Angular-when-using-new-Authorization-Work-Flow-in-version-31 https://support.abp.io/QA/Questions/2582/Replacement-of-Login-Page-in-angular-is-not-working--i-have-follow-the-replacement-documentation-after-replacement-still-the-page-is-redirect-to-Backend-login-page let me know if it helps you.
I have already read those, not suitable for my case.
Let me show you an example: Currently: System A: (api, angular) http://localhost:4200 System B: (api, angular) http://locallost:4300 AuthServer (razor pages only) https://localhost:44322
System A wants to login --> redirected to razor page on AuthServer. https://localhost:44322/account/login System B wants to login --> redirected to razor page on AuthServer. https://localhost:44322/account/login
To be: I want to replace those razor pages by angular to be as follows: Stystem A wants to login --> should be redirected to angular app http://angularapp:4400/account/login Stystem B wants to login --> should be redirected to angular app http://angularapp:4400/account/login
Workaround: When I try Resource Owner Password Flow, it does not work. it redirects to its own login page, like this: System A wants to login --> redirected to http://localhost:4200/account/login System B wants to login --> redirected to http://localhost:4300/account/login
Hope you got my point.