Connect React App with DHIS2

Development - Développement App Development
,
1

Hi

I am trying to connect a new React App with DHIS2 instance but I am getting 401 Error Code.
http://localhost:3000 is already whitelisted.

Any help is much appreciated.
Thanks

image
image1663×560 45.7 KB

1 Like
2

Hi @Sami,

Could you open the Network tab and check the response?

Thank you

2 Likes
3

Hi

here is the screenshot of Network Tab.

image
image1680×968 65.6 KB

Thanks

1 Like
4

Hi! Unfortunately the play instances don’t allow for localhost to connect do to security settings. If possible I’d advise you to run your own instance locally using Docker

Instructions how to do so can be found here: Environment Setup | DHIS2 Developer Portal

2 Likes
5

Yes, It is working fine on when I connect it with local Instance. But when I connect it with any other Instance which is over https, then I encounter that error.

Actually I am want to connect it with a Instance which is on https.

Thanks

1 Like
6

Hi,

Have you added the CORS whitelist?

image
image1097×732 48.4 KB

Thanks

2 Likes
7

Yes I http://localhost:3000 is already whitelisted in CORS.

Thanks

1 Like
8

Are you trying this with a self-hosted instance on https?

2 Likes
9

Hi, I think I’m having a similar issue. I got a new computer and had to setup the DHIS2 development environment from scratch. I created a new project with d2 app scripts and I’m not able to pass the login screen (see the image below). I did not add any code to the newly created project (it’s default code).
But when I run an old project that I have, it works perfectly fine. I was wondering if the there was an update on dhis2-cli or dhis2-ui that could be causing dhis. Best regards

Screenshot from 2023-04-19 16-23-13-edited
Screenshot from 2023-04-19 16-23-13-edited1897×716 48.3 KB

2 Likes
10

Yes I am trying to connect with a self-hosted instance on https.

11

Hi @joao.machiana

Hope you are doing well.
what version of d2 are you using in your old application.

12

Hi Devs,

Was anyone successful with this. I get the same error, the user gets authenticated but the app thereafter calls the /api/system/info api which returns a 401 response. I have allowed cors from http://localhost:3000. I have attached a screenshot of my app. Any help will highly be appreciated.

Screenshot from 2025-04-30 10-11-17
Screenshot from 2025-04-30 10-11-171302×715 110 KB

1 Like
13

Hi
Sorry to see you’re facing this issue.

So if you go to the direct link of the server and use the username and password, you’d be able to login, right?

Would you share more about your setup? I’m guessing that the instance is running on Docker? What is the version of the DHIS2 instance you are using? Would you click on the ‘response’ tab in network to show what is the response to the /api/system/info GET request?