To enable your React app to function within a sub-directory on nginx, you must first set the homepage property in package.json to direct the app correctly.
It's essential to also set the environment variable REACT_APP_PUBLIC_URL, as it defines the base path for your application, ensuring routes are resolved correctly.
In the nginx configuration file, you should set up specific location blocks to manage route resolutions, allowing proper redirects and serving of the application from the specified sub-directory.
When using a Docker container, make sure to adjust the Dockerfile to copy the build directory to nginx’s expected location within the sub-directory structure.
[
Collection
]
[
|
...
]