title: Browsersync doesn't set the right local url
body: <p>I'm working on a Wordpress project using the starter theme <a href="https://github.com/roots/roots/tree/8.0.0" rel="nofollow">Roots with Gulp</a> in association with MAMP PRO. I'm experiencing a problem with the 'watch' task from the gulpfile.js.
  Here below is the code of the task:</p>
  
  <pre><code>gulp.task('watch', function() {
    browserSync({
      proxy: "mywebsite:8888",
      port: 8888,
      open: "internal"
    });
    gulp.watch([path.source + 'styles/**/*'], ['styles']);
    gulp.watch([path.source + 'scripts/**/*'], ['jshint', 'scripts']);
    gulp.watch(['bower.json'], ['wiredep']);
    gulp.watch('**/*.php', function() {
      browserSync.reload();
    });
  });
  </code></pre>
  
  <p>And this is the terminal output after launching the 'gulp watch' command:</p>
  
  <pre><code>gulp watch
  [12:46:32] Using gulpfile ~/Dropbox/_sites/mywebsite/wp-content/themes/mywebsitetheme/gulpfile.js
  [12:46:32] Starting 'watch'...
  [12:46:37] Finished 'watch' after 4.26 s
  [BS] Proxying: http://mywebsite:8888
  [BS] Now you can access your site through the following addresses:
  [BS] Local URL: http://localhost:8888
  [BS] External URL: http://192.168.22.168:8888
  </code></pre>
  
  <p>As a result browsersync open, with my default browser, the url <a href="http://localhost:8888" rel="nofollow">http://localhost:8888</a>.</p>
  
  <p>What I need now is, basically, that the resulting url (opened by the browser) is <a href="http://mywebsite:8888" rel="nofollow">http://mywebsite:8888</a>.</p>