title: Can't get hot reload to work behind nginx in docker
body: <p>I'm trying to setup a basic Vue app that lives in a docker container using docker compose and Nginx. My problem is that I can't get hot reloading to work. My current setup is as follows: 
  - Using docker compose I create 2 containers. One for nginx and one for my vue app.
  - I initialized my Vue app with the Vue CLI so it's a brand new project.
  The Vue app container isn't exposed to the outside as it's all routed through nginx.</p>
  
  <p>Hot reloading works fine outside of docker/nginx and while I can access the app while it's in a container hot reloading doesn't work. I've looked around and tried a ton of different nginx configurations but to no avail. I'm not super familiar with nginx and especially Vue (this is my first time experimenting with it). I'm not sure if it's a config issue on the side of Vue or Nginx.</p>
  
  <p>Here is my current Nginx config:</p>
  
  <pre><code>server {
    listen 8080;
    listen [::]:8080;
  
    location /app-api/ {
      proxy_pass http://app-api:8080;
    }
  
    location /app-ui/ {
      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;
  
      proxy_pass http://app-ui:8080;
    }
  
    location /sockjs-node/ {
      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;
  
      proxy_pass http://app-ui:8080;
    }
  }
  </code></pre>
  
  <p>Here is my Vue config:</p>
  
  <pre><code>module.exports = {
      publicPath: '/app-ui',
      devServer: {
          disableHostCheck: true,
          //https: true,
          overlay: {
              warnings: true,
              errors: true
            }
      }
  }
  </code></pre>
  
  <p>I have another app I was using as an example that has identical config (it's what I based this off of) and that app works with hot-reloading just fine so I know it's possible. However that project uses an older version of Vue and uses webpack directly instead of through the vue cli.</p>
  
  <p><strong>Edit:</strong> So it appears mabye it's not nginx that is the problem. I removed nginx and am just using the the app through docker-compose and i'm still getting the same issue. Here are the errors that i'm getting:
  <a href="https://i.stack.imgur.com/pHI0T.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/pHI0T.png" alt="Errors 1"></a>
  <a href="https://i.stack.imgur.com/NUSqM.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/NUSqM.png" alt="Errors 2"></a></p>