title: Vue CLI run serve always running on localhost
body: <p>I have a vue.js project created with Vue CLI and <code>npm run serve</code>it always run on localhost.</p>
  <p>I want to access from my phone (another IP inside the same network), so I want the serve to run on <code>0.0.0.0</code>. I tried adding the <code>vue.config.js</code> file and setting the host:</p>
  <pre><code>module.exports = {
      publicPath: '/',
      devServer: {
          host: '0.0.0.0',
          port: 8080
      }
  }
  </code></pre>
  <p>Changing the port works fine, but the host override is ignored. This is the output of serve:</p>
  <pre><code>App running at:
    - Local:   http://localhost:8080/
    - Network: http://192.168.0.21:8080/
  </code></pre>
  <p>At first I thought it was being ignored, so I tried setting the host to <code>0.0.0.1</code> and the output is &quot;correct&quot;, so the file is not ignored, only the <code>0.0.0.0</code> is being changed to <code>localhost</code>:</p>
  <pre><code>  App running at:
    - Local:   http://0.0.0.1:8080/
    - Network: http://0.0.0.1:8080/
  </code></pre>
  <p>I saw in some forums that <code>devServer</code> has a <code>public</code> option to set the URL, but if I try setting <code>pubic: 'http://0.0.0.0:8080/'</code> I get an error:</p>
  <pre><code>&gt; npm run serve
  Debugger attached.
  
  &gt; vue-model-viewer@0.1.0 serve &lt;my project path&gt;
  &gt; vue-cli-service serve
  
  Debugger attached.
   INFO  Starting development server...
   ERROR  ValidationError: webpack Dev Server Invalid Options
  
  options should NOT have additional properties
  
  ValidationError: webpack Dev Server Invalid Options
  
  options should NOT have additional properties
  </code></pre>
  <p>I need to run the server on 0.0.0.0 so I can test it on my phone.</p>
  <p>Any help will be very appreciated.</p>