title: How can I set up a proxy for an unowned site to test front-end changes?
body: <h2>I would like to set up a proxy to facilitate local front-end development.</h2>
  <p>For example if I go to <a href="https://google.com/" rel="nofollow noreferrer">https://google.com/</a> all files are loaded from Google, except for some defined set of files like all *.css files, which would come from the file system.</p>
  <p>Right now I am using Fiddler to achieve that goal, but it is very manual and not easily set up for other developers. If it is possible with Fiddler, I am assuming it is possible to automate that set up. I have tried lots of configurations and researched</p>
  <p>If possible I would like to achieve this with <a href="https://webpack.js.org/configuration/dev-server/" rel="nofollow noreferrer">webpack-dev-server</a>, or some other scriptable web framework like <a href="https://expressjs.com/" rel="nofollow noreferrer">Express</a>. The developers have access to their host files to make any local DNS changes that might be required. Ideally the set up would work on Windows and Mac, but Windows is the larger target.</p>
  <p>Here is an example of what the webpack devserver config might look like:</p>
  <pre><code>devServer: {
    hot: false,
    open: true,
    liveReload: false,
    https: true,
    watchContentBase: true,
    compress: false,
    allowedHosts: [
      'google.com'
    ],
    host: &quot;google.com&quot;,    
    proxy: {
      &quot;*.css&quot;: {
        target: &quot;http://localhost:3000&quot;
      },
      &quot;*&quot;: {
        target: &quot;https://google.com/&quot;,
        secure: false,
        changeOrigin: true,
      }
    }
  }
  </code></pre>