VirtualBox VM 환경에서 gulp browserSync reload가 자동으로 되지 않습니다.

제 컴퓨터(Win10) VirtualBox 로 VM을 구성하여
CentOS - php5.6 환경에서 실습중인데요..

eth0 - 10.0.2.15
eth1 - 192.168.56.79 -> 외부에서 ssh 접속 IP

VM 상의 네트워크는 위와 같이 구성되어 있습니다.

VM상의 hosts 와 로컬PC hosts 를 myapp.laravel.test 로 잡아서 사용중이고요..

gulp watch 를 실행하면 아래와 같이 되며,

resources/assets/sass/app.scss 를 수정하면 gulp가 작동은 잘 됩니다.

그런데 브라우저에서는 reload가 자동으로 되지 않습니다.

----------------------

브라우저 접속은

http://myapp.laravel.test/docs 와 같이 했습니다.

----------------------

[laravel@ myapp]$ gulp watch
[06:26:32] Using gulpfile ~/myapp/gulpfile.js
[06:26:32] Starting 'all'...
[06:26:32] Starting 'sass'...
[06:26:33] Finished 'sass' after 657 ms
[06:26:33] Starting 'webpack'...
[06:26:33] Finished 'webpack' after 297 ms
[06:26:33] Starting 'version'...
[06:26:33] Finished 'version' after 41 ms
[06:26:33] Starting 'browserSync'...
[06:26:33] Finished 'browserSync' after 233 μs
[06:26:33] Finished 'all' after 1 s
[06:26:33] Starting 'default'...
┌───────────────────┬───────────────────────────────┬────────────────────────────────┬────────────────────┐
│ Task │ Summary │ Source Files │ Destination │
├───────────────────┼───────────────────────────────┼────────────────────────────────┼────────────────────┤
│ mix.sass() │ 1. Compiling Sass │ resources/assets/sass/app.scss │ public/css/app.css │
│ │ 2. Autoprefixing CSS │ │ │
│ │ 3. Concatenating Files │ │ │
│ │ 4. Writing Source Maps │ │ │
│ │ 5. Saving to Destination │ │ │
├───────────────────┼───────────────────────────────┼────────────────────────────────┼────────────────────┤
│ mix.webpack() │ 1. Transforming ES2015 to ES5 │ resources/assets/js/app.js │ public/js/app.js │
│ │ 2. Writing Source Maps │ │ │
│ │ 3. Saving to Destination │ │ │
├───────────────────┼───────────────────────────────┼────────────────────────────────┼────────────────────┤
│ mix.version() │ 1. Versioning │ public/css/app.css │ public/build │
│ │ 2. Rewriting File Paths │ public/js/app.js │ │
│ │ 3. Saving to Destination │ │ │
├───────────────────┼───────────────────────────────┼────────────────────────────────┼────────────────────┤
│ mix.browserSync() │ 1. Starting Browsersync │
└───────────────────┴───────────────────────────────┴────────────────────────────────┴────────────────────┘
[06:26:33] Finished 'default' after 9.83 ms
[06:26:33] Starting 'watch'...
[06:26:33] Finished 'watch' after 50 ms
[BS] Proxying: http://myapp.laravel.test
[BS] Access URLs:
----------------------------------
Local: http://localhost:3000
External: http://10.0.2.15:3000
----------------------------------
UI: http://localhost:3001
UI External: http://10.0.2.15:3001
----------------------------------
[BS] Watching files...
[BS] Couldn't open browser (if you are using BrowserSync in a headless environment, you might want to set th e open option to false)
[BS] File changed: public/build/rev-manifest.json
[06:26:36]
[06:26:36] webpack is watching for changes
[BS] File changed: public/css/app.css
[BS] File changed: public/js/app.js
[06:26:38] Starting 'version'...
┌───────────────┬──────────────────────────┬────────────────────┬──────────────┐
│ Task │ Summary │ Source Files │ Destination │
├───────────────┼──────────────────────────┼────────────────────┼──────────────┤
│ mix.version() │ 1. Copying Source Maps │ public/css/app.css │ public/build │
│ │ 2. Versioning │ public/js/app.js │ │
│ │ 3. Rewriting File Paths │ │ │
│ │ 4. Saving to Destination │ │ │
└───────────────┴──────────────────────────┴────────────────────┴──────────────┘
[06:26:38] Finished 'version' after 19 ms
[BS] File changed: public/build/rev-manifest.json

------------------------  gulpfile.js ------------------------------------

const elixir = require('laravel-elixir');

require('laravel-elixir-vue-2');

/*
 |--------------------------------------------------------------------------
 | Elixir Asset Management
 |--------------------------------------------------------------------------
 |
 | Elixir provides a clean, fluent API for defining some basic Gulp tasks
 | for your Laravel application. By default, we are compiling the Sass
 | file for our application, as well as publishing vendor resources.
 |
 */

elixir( function( mix) {
    mix.sass('app.scss');
    mix.webpack('app.js');
    mix.version( [
        'css/app.css',
        'js/app.js'
 ]);
    //mix.copy( 'node_modules/font-awesome/fonts', 'public/build/fonts');
 mix.browserSync( { 'proxy' : 'myapp.laravel.test'});
});