title: How to remove the port from URL in Webpack Dev Server hot reload?
body: <p>I'm running my app on localhost port 80 with an alias (I need this for php backend)
  The frontend is running with VueJs + Webpack + Hot Module Reload on port 3000 using a proxy.</p>
  <p>I setup my <code>webpack.config.js</code> and everything is fine, except that I can't figure out how to remove the <code>:3000</code> from the url.</p>
  <p>If I open <code>http://my-alias</code> instead of <code>http://my-alias:3000</code> Hot Module Reload fails with</p>
  <pre><code>[HMR] Update failed: SyntaxError: Unexpected token &lt; in JSON at position 0
  </code></pre>
  <hr />
  <p>Here's an extract of my <code>webpack.config.js</code>:</p>
  <pre><code>module.exports = (env, argv) =&gt; {
      return {
          mode: env.NODE_ENV,
          watch: false,
          entry: {
              main: './src/main.js'
          },
          output: {
              path: path.resolve(__dirname, 'assets/javascripts'),
              publicPath: '/assets/javascripts/',
              filename: env.NODE_ENV === 'production' ? '[name].min.js' : '[name].js'
          },
          devServer: {
              hot: true,
              open: false,
              publicPath: '/assets/javascripts/',
              contentBase: [path.resolve(__dirname, 'index.php')],
              watchContentBase: true,
              compress: true,
              port: 3000,
              host: 'my-alias',
              historyApiFallback: true,
              proxy: {
                  '*': {
                      target: 'http://my-alias',
                      secure: false,
                      changeOrigin: true
                  }
              },
              // ... etc
          },
  </code></pre>
  <p>Any idea?</p>