How to access cookies in angular UI set by backend running on different port

Question

Please find my below use case:

There is a backend web service developed in Java running at http://localhost:8080 and an angular UI application running at http://localhost:4200. Now my requirement is on successful login, Backend service sets cookies in the response object.

After that, all subsequent requests from UI to the backend service should be content set cookies by the backend service.

Issue:

As the backend is running on a different port, UI is not able to read the cookies and all subsequent requests from UI to the backend is not containing cookies.

Could anyone please help me with this issue?

so you set the cookie in the backend and the Angular UI doesn't see it? — Wen W
– Wen W, Commented Jul 1, 2023 at 4:00
show your backend code maybe? and show the front end network call also. — Wen W
– Wen W, Commented Jul 1, 2023 at 19:48

Nikita · Accepted Answer · 2023-07-02 09:46:34Z

0

For production you should use nginx or Apache in order to work on the same port.

For development you can define a path for backend, for example /api/ and tell Angular redirect all requests to this path to your backend server(on another port) this look like

{
  "/api": {
    "target": "http://localhost:8080",
    "secure": false,
    "changeOrigin": true
  }
}

Official guide https://angular.io/guide/build#proxying-to-a-backend-server

Another one https://juristr.com/blog/2016/11/configure-proxy-api-angular-cli/

answered Jul 2, 2023 at 9:46

Nikita

8425 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to access cookies in angular UI set by backend running on different port

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related