[FIXED] How to serve react app on server with sub-directory homepage on an existing domain?

Issue

I am new to webdev. I want to deploy a react-app on our lab's server. i want other lab members to access this app with https://ourlab.org:PORT_NUM/myApp

On the lab server by sshing to it: under my home directory, i have this myApp folder. I give package.json this "homepage":"https://ourlab.org/myApp" field and then run npm run build, and then run npx serve -s build

it gives me

| Serving! │

│ - Local: http://localhost:5000 │

│ - On Your Network: http://159.89.xxx.xxx:5000 |

I expect I could access the app at url https://ourlab.org:5000/myApp on my local computer. But my browser does not get response.

BTW could someone please explain how this "homepage" works with more details?

Solution

when you run serve, you are serving the app from your local computer. If you want to serve the app from your lab-server find the document root on that server, create there a directory "myApp" and copy the content of the build directory from your computer into that directory on your lab server.

The build directory is the result of running ´npm run build´ assuming you have created your app with create-react-app.

Answered By - Michael

Answer Checked By - Senaida (PHPFixing Volunteer)