首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在本地域使用迷航和浏览同步?

如何在本地域使用迷航和浏览同步?
EN

Stack Overflow用户
提问于 2015-03-13 01:26:53
回答 3查看 9.1K关注 0票数 33

我使用迷航器,并将其配置为更新etc/host文件,下面是一个示例。

代码语言:javascript
运行
复制
10.20.1.36  example.dev

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

我想使用命令行中的浏览器同步,但我还无法访问我的站点。我在我的mac主机和迷途的VM中安装了浏览器同步。我已经使用下面的命令从我的mac和VM中尝试了它,但是在这两种环境中都不能工作。

代码语言:javascript
运行
复制
browser-sync start --proxy "example.dev" --files "public/*.html,public/css/*.css,public/js/*.js"

这是我从Mac电脑上得到的

代码语言:javascript
运行
复制
[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...

下面是VM中发生的事情

代码语言:javascript
运行
复制
[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...

当我在mac上运行它时,我可以访问http://localhost:3001/的浏览器同步ui,但不能访问我的网站。

我不知道该把它放在哪里。如何在浏览器中访问该站点。如果我需要转发VM中的任何端口。

搜索网页会得到很多结果,但它们都是关于咕哝或吞咽的,我不使用它们。

编辑:,我将端口转发添加到迷航器中,然后在vm中启动浏览器同步。现在,在http://example.dev:3000http://example.dev:3001,一切都很正常。

下面是我在我的Vagrantfile文件中添加的内容:config.vm.network :forwarded_port, guest: 3000, host: 3000, auto_correct: true config.vm.network :forwarded_port, guest: 3001, host: 3001, auto_correct: true

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2016-03-23 19:46:54

我就是这么做的。

我将端口转发添加到迷航器中,然后在vm中启动浏览器同步。现在,在http://example.dev:3000http://example.dev:3001,一切都很正常。

下面是我在我的Vagrantfile文件中添加的内容:config.vm.network :forwarded_port, guest: 3000, host: 3000, auto_correct: true config.vm.network :forwarded_port, guest: 3001, host: 3001, auto_correct: true

票数 7
EN

Stack Overflow用户

发布于 2018-02-27 19:16:03

我知道这已经被回答了,我最初使用@KahunaCoder的解决方案来启动和运行,所以谢谢!

但是,我发现从Vagrant中运行我的吞咽文件是非常慢的!所以,我想我应该发布这个解决方案,以防它有帮助。

我的主机文件是:

代码语言:javascript
运行
复制
192.168.5.10    www.develop.local

最后,我在我的Vagrantfile文件中使用了以下内容:

代码语言:javascript
运行
复制
server_ip = "192.168.5.10"    
config.vm.network :forwarded_port, guest: 80, host: 3000, auto_correct: true

( Vagrant中的Apache正在端口80上运行。我没有费心转发端口3001,因为它只用于访问Browsersync UI)

现在,我从这个项目中运行我的Gulp任务,并获得以下内容:

代码语言:javascript
运行
复制
[Browsersync] Proxying: http://www.develop.local
[Browsersync] Access URLs:
 -------------------------------------
       Local: http://localhost:3000
    External: http://151.101.129.69:3000
 -------------------------------------
          UI: http://localhost:3001
 UI External: http://151.101.129.69:3001
 -------------------------------------

现在,当我打开http://localhost:3001时,我看到了Browsersync控制中心,当我在我的各种浏览器中打开http://localhost:3000时,我看到了我的开发站点和控制中心中列出的所有连接的浏览器--因此它们与Browsersync“同步”,并且可以被集中控制和操作镜像。

提供的外部地址允许我通过同一网络上的其他设备连接到我的开发服务器。

票数 3
EN

Stack Overflow用户

发布于 2017-06-14 17:36:58

1.-我用了box 金属陶瓷盒

2.-配置windows上的虚拟主机C:\Windows\System32\drivers\etc\host

代码语言:javascript
运行
复制
192.168.33.10   exampleurl.app

3.-在文件夹项目上运行vagrant up

4.-安装浏览器-同步

代码语言:javascript
运行
复制
npm install -g browser-sync

5.运行浏览同步

代码语言:javascript
运行
复制
browser-sync start -p "exampleurl.app" -f "public, resources, otherfolder, namefiles, etc"

您将看到设备连接的此信息。

代码语言:javascript
运行
复制
[BS] Proxying: http://exampleurl.app
[BS] Access URLs:
 -------------------------------------
       Local: http://localhost:3000
    External: http://192.168.1.77:3000
 -------------------------------------
          UI: http://localhost:3001
 UI External: http://192.168.1.77:3001
 -------------------------------------
[BS] Watching files...

6.-利用这个ip

代码语言:javascript
运行
复制
http://192.168.1.77:3000
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/29023331

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档