title: Vue, how do I proxy everything excluding a specific path?
body: <p>I would like the <code>webpack-dev-server</code> (underneath Vue CLI) to proxy everything that doesn't begin with <code>/app</code> to <code>http://127.0.0.1:8000</code>, how can I achieve this?</p>
  
  <p>For example:</p>
  
  <ul>
  <li><a href="http://localhost:8080/app" rel="nofollow noreferrer">http://localhost:8080/app</a> served by <code>webpack-dev-server</code></li>
  <li><a href="http://localhost:8080/app/questions" rel="nofollow noreferrer">http://localhost:8080/app/questions</a> served by <code>webpack-dev-server</code></li>
  <li><a href="http://localhost:8080/" rel="nofollow noreferrer">http://localhost:8080/</a> proxied to <code>http://127.0.0.1:8000</code></li>
  <li><a href="http://localhost:8080/about-us" rel="nofollow noreferrer">http://localhost:8080/about-us</a> proxied to <code>http://127.0.0.1:8000</code></li>
  </ul>
  
  <p>I've tried this inside my <code>vue.config.js</code>:</p>
  
  <pre class="lang-js prettyprint-override"><code>module.exports = {
      configureWebpack: {
          devServer: {
              port: 8080,
              proxy: 'http://127.0.0.1:8000!/app/**',
          }
      }
  }
  </code></pre>