title: docker-compose chrome-alpine to use nginx
body: <p>I have this docker-compose configuration in which I want to embed a chrome headless browser to run my e2e tests...</p>
  
  <p>The <code>nginx</code> is configured to reverse proxy a url, let's say <code>foo.bar</code> to somewhere...
  this works just fine if I use my host browser, and I can test it by exposing the <code>444:443</code> ports!</p>
  
  <p>however, it doesn't work when I try to use the <code>chrome-alpine</code> one, 
  I navigate to the debugger <code>localhost:9222</code>, select the instance and then type: <code>http://foo.bar</code>.</p>
  
  <p>How can I configure <code>alpine-chrome</code> to use the nginx container?</p>
  
  <pre class="lang-js prettyprint-override"><code>services:
    nginx:
      image: nginx:alpine
      command: [nginx-debug, "-g", "daemon off;"]
      volumes:
        - ../../config/nginx/nginx.config.d:/etc/nginx/conf.d/server.conf
        - ../../config/nginx/certs:/etc/nginx/certs
      ports:
        - "444:443"
  
    chrome:
      image: zenika/alpine-chrome:latest
      command: [chromium-browser, "--headless", "--disable-gpu", "--no-sandbox", "--remote-debugging-address=0.0.0.0", "--remote-debugging-port=9222"]
      ports:
        - "9222:9222"
  </code></pre>
  
  
  
  <h3>Expected</h3>
  
  <ol>
  <li>Navigate to <code>localhost:9222</code></li>
  <li>Open the Chrome remote debugger</li>
  <li>type the url <code>foo.bar</code></li>
  <li>have nginx reverse proxy <code>foo.bar</code> to (e.g.) <code>google.com</code></li>
  </ol>