Elixir Gulp BrowserSync独立开发服务器

Question

我正在我的网络中的一个开发服务器上开发Laravel网站。

我的gulpfile.js

mix.browserSync({
    open: 'external',
    host: 'website1.devserver.tld',
    proxy: 'website1.devserver.tld',
    port: 3000,
    files: [
        'app/**/*',
        'public/**/*',
        'resources/views/**/*'
    ],
});

启动吞咽手表时的结果：

[BS] Proxying: http://website1.devserver.tld
[BS] Access URLs:
 -----------------------------------------------
       Local: http://localhost:3000
    External: http://website1.devserver.tld:3000
 -----------------------------------------------
          UI: http://localhost:3001
 UI External: http://website1.devserver.tld:3001

我已经将路由器中的NAT路由添加到and服务器的端口3000和3001的IP中

我已经在/etc/apache2/ports.conf (在Ubuntu 16.04上)添加了listen 3000和listen 3001

我已经在Virtual hosts中添加了*:3000 en *:3001：

<VirtualHost *:80 *:3000 *:3001>
    ServerName website1.devserver.tld
    DocumentRoot /var/www/website1
   <Directory /var/www/website1>
     AllowOverride all
     Require all granted
   </directory>
</VirtualHost>

我通过http://website1.devserver.tld在本地和外部加载我的开发网站

尽管如此，BrowserSync仍然无法正常工作。我做错了什么？

Answer 1

使用Fannypack,，你会得到一个更高的返回到万灵丹的页面，避免了1.5秒或更多的延迟，这取决于你的项目。我并不是说Fannypack比Elixir更好，但它解决了我对它感到恼火的一切。