Connect Frontend to Backend locally and change the ports to be different, specify different api end-point

Hello! I am using the Open MRS O3 - GitHub - openmrs/openmrs-esm-core: The core modules of the OpenMRS 3.0 Frontend system I want to set the api url for the backend. For the backend I will be starting it from Docker ( I don’t need to set it up ). I noticed that the app is now working like this: I am starting the frontend with yarn run:shell, it starts on port 8080 ( if it is free ) or the next free port which is okay and also it sets the same port for the backend . I want to set a diiferent port for the backend. The problem is that when I start the backend it runs on port 8080 and all the front from the Docker is killed in order to start it from my repo. But my frontend does not see the 8080 port as free and it starts on 8081 and sets the same port for BE(http://localhost:8081/).

I have read all of the documents I found and nothing was helpful. I need a solution.

Also I made a change in this file openmrs-esm-core\packages\shell\esm-app-shell\webpack.config.js for this line> const openmrsProxyTarget = process.env.OMRS_PROXY_TARGET || ‘http://localhost:8080/’ It wont work, it doesn’t use port 8080. Thanks in advance.

have you thought about killing whats running on port 8080 ?

@ lumuchris256 yes, but if I kill it I will need to kill the BE part. I need to set the port for api URL to be different from the one of the FE app. I don’t mind frontend starting on another port I just need to set the apiURl to be for ex. http://localhost:8081/