Laravel Elixir BrowserSync代理不起作用

Question

我刚刚安装了Laravel 5.3,这是一个全新的安装,在查看了Docs后我设置了我的Gulpfile如下:

elixir((mix) => {
    mix.sass('app.scss')
       .webpack('app.js')
       .version(['css/app.css', 'js/app.js'])
       .browserSync({
         proxy: 'subdomain.mydomain.dev'
       });
});

出于某种原因,我每次运行gulp watch它都会启动浏览器localhost:3000

我究竟做错了什么？如果我设置地址完全相同,是不是应该将BrowserSync指向我的Mamp Vhost？

Answer 1

首先，将您的.dev域名更改为与全球注册 TLD 不同的域名，因为最近.devTLD 由 google 所有，并且需要 SSL 连接等。

更多详细信息请参见：https://medium.engineering/use-a-dev-domain-not-anymore-95219778e6fd

您可以使用一些额外的参数来初始化 browserSync 模块，如下所示：

.browserSync({
    proxy: 'subdomain.mydomain.tld',
    host: 'subdomain.mydomain.tld',
    open: 'external'
});

主机：如果您知道要使用的正确 IP，则覆盖主机检测

open：决定 Browsersync 启动时自动打开哪个 URL。如果未设置，则默认为“本地”。

如果您可以在 browsersync cli 初始化消息中看到您定义的主机作为外部主机，那么它应该可以工作。