assets not loading over reverse proxy (nginx)

First of all great work on this project. You are truly thought leaders.

I am trying to serve a single instance react-starter-kit app over a nginx reverse proxy on the path name /stories - fe. the url would be http://localhost/stories.

The app itself loads fine, but the assets via webpack do not load at http://localhost/stories/assets. - where I need them to load.

Here is my nginx.conf:

worker_processes 4;

events { worker_connections 1024; }

http {

  upstream home {
    least_conn;
    server home:3001 weight=10 max_fails=3 fail_timeout=30s;
  }

  upstream stories {
    least_conn;
    server stories:3001 weight=10 max_fails=3 fail_timeout=30s;
  }

  server {
    listen 80;

    location / {
      proxy_pass http://home;
      proxy_http_version 1.1;
      proxy_set_header Upgrade $http_upgrade;
      proxy_set_header Connection 'upgrade';
      proxy_set_header Host $host;
      proxy_cache_bypass $http_upgrade;
    }

    location /stories {
      rewrite ^/stories(.*) /$1 break;
      proxy_pass http://stories;
      proxy_http_version 1.1;
      proxy_set_header Upgrade $http_upgrade;
      proxy_set_header Connection 'upgrade';
      proxy_set_header Host $host;
      proxy_cache_bypass $http_upgrade;
    }
  }
}

[langpavel]

I think problem here is with / prefixing resources path. You must tweak public path in webpack

[tk1cntt]

I have the same issue

Access via nodejs

curl -I http://localhost:6000/assets/f66931e8.svg
HTTP/1.1 200 OK
X-Powered-By: Express
Accept-Ranges: bytes
Cache-Control: public, max-age=0
Last-Modified: Wed, 08 Feb 2017 14:56:10 GMT
ETag: W/"30aa-15a1e398686"
Content-Type: image/svg+xml
Content-Length: 12458
Date: Tue, 21 Feb 2017 03:28:20 GMT
Connection: keep-alive

Access via nginx

curl -I http://localhost:8001/assets/f66931e8.svg
HTTP/1.1 404 Not Found
Server: nginx/1.10.2
Date: Tue, 21 Feb 2017 03:28:33 GMT
Content-Type: text/html
Content-Length: 169