小编Kah*_*der的帖子

如何在本地域中使用vagrant和browsersync?

我使用vagrant并将其配置为更新我的etc/host文件,这是一个例子.

10.20.1.36  example.dev
Run Code Online (Sandbox Code Playgroud)

然后,我可以使用http://example.dev/访问VM的apache服务器

我想从命令行使用browsersync但我无法访问我的网站.我在我的mac主机和vagrant VM上安装了browsersync.我已经使用以下命令从我的mac和VM尝试了它,但它在两种环境中都不起作用.

browser-sync start --proxy "example.dev" --files "public/*.html,public/css/*.css,public/js/*.js"
Run Code Online (Sandbox Code Playgroud)

这是我从Mac获得的

[BS] Proxying: http://example.dev
[BS] Access URLs:
 -------------------------------------
   Local: http://localhost:3000
External: http://192.168.0.10:3000
 -------------------------------------
      UI: http://localhost:3001
 UI External: http://192.168.0.10:3001
 -------------------------------------
[BS] Watching files...
Run Code Online (Sandbox Code Playgroud)

这是VM中发生的事情

[BS] Proxying: http://example.dev
[BS] Now you can access your site through the following addresses:
[BS] Local URL: http://localhost:3000
[BS] External URL: http://10.0.2.15:3000
[BS] Watching files...
Run Code Online (Sandbox Code Playgroud)

当我在mac中运行它时,我可以访问http:// localhost:3001 /上的browsersync ui,但不能访问我的网站.

我不确定我应该在哪里运行它.我应该如何在浏览器中访问该站点.如果我需要转发我的VM中的任何端口.

搜索网页会返回很多结果,但它们都是关于grunt或gulp的,我不会使用其中任何一个.

编辑:我添加了端口转发到vagrant,然后我从虚拟机内启动浏览器同步.现在一切都在http://example.dev:3000http://example.dev:3001.

这是我添加到我的Vagrantfile中的内容: config.vm.network :forwarded_port, guest: …

vagrant browser-sync

32
推荐指数
1
解决办法
7751
查看次数

标签 统计

browser-sync ×1

vagrant ×1