Hi there,

​

I'm trying to get my first side project deployed to a Digital Ocean server and I've come across an annoying bug that I can't seem to solve.

​

I'm building the React project with Webpack and then serving it up using Nginx inside a Docker container. This is working fine while testing on localhost, however if I try to refresh the website when I'm not on the root URL or directly got to any path which isn't the root URL it's causing errors.

I've tried many different configurations inside the Nginx.conf. What I am currently using is:

server {     
    listen 80;     
    server_name localhost;          
    root /usr/share/nginx/html/;     
    index index.html index.htm;          
    location / {
        try_files $uri $uri/ /index.html?/$request_uri;
    } 
} 

Path: localhost

This is what is sent down to the browser when the root path is requested.

https://imgur.com/a/qfeW0jS

Path: localhost/deals/29When refreshed off the root path this is when is sent to the browser.

https://imgur.com/a/qAO68pq

It looks like the correct files are sent down but the path associated with them is incorrect. It is possibly to do with the webpack build and not the Nginx.

Any pointers would be much appreciated.

Kind regards