Question

在这个设置深入了几天之后，我似乎已经关闭但仍然无法让BrowserSync使用Nginx作为Vagrant Ubuntu 14.04上的服务器与Nginx来宾并在我的MacBook Pro主机上查看html。但是，在我的Mac Chrome浏览器上的http://localhost:3001/上，我可以查看包含设置等的BrowserSync页面。因此，我怀疑我做得对，但可能并不多。

我希望看到基金会启动页面，但我得到“无法访问此站点”。在我修改gulpfile之前，我可以使用localhost：8079查看启动页面，这是常用的设置，因此Foundation工作正常。

我尝试过localhost：3000,3001和3002以及那些Vagrant IP 10.0.2.15和127.0.0.1以及0.0.0.0的端口。任何人都有一个适用于此堆栈的设置？我无法通过此设置在任何地方找到讨论。

我的gulpfile的相关部分。我正在修改Apps for Apps的设置。

var browserSync = require('browser-sync').create();

我从论坛上获得了此代码。我也尝试过其他类似的配置。我已经注释掉了Foundation服务器设置，因为我想用Nginx进行开发。我有限的理解是，如果我在BrowserSync中使用“服务器”，我会得到像Foundation这样的小型服务器。

gulp.task('browser-sync', function() {
    browserSync.init({
        proxy: 'localhost:3002'
    });
});

在Gulpfile的底部，我们可以看看。

gulp.task('default', ['browser-sync'], function () {
  // Watch Sass
  gulp.watch(['./client/assets/scss/**/*', './scss/**/*'], ['sass']);
  ...

在运行“基础观察”之后我得到了这个：

[BS] Proxying: http://localhost:3002
[BS] Access URLs:
 ----------------------------------
    Local: http://localhost:3000
    External: http://10.0.2.15:3000

我的Vagrantfile有端口转发功能。前三个按预期工作。

Vagrant.configure("2") do |config|
  config.vm.box = "ubuntu/trusty64"
  config.vm.network "forwarded_port", host: 8080, guest: 80
  config.vm.network "forwarded_port", host: 8079, guest: 8079
  config.vm.network "forwarded_port", host: 1337, guest: 1337
  config.vm.network "forwarded_port", host: 3000, guest: 3000
  config.vm.network "forwarded_port", host: 3001, guest: 3001
  config.vm.network "forwarded_port", host: 3002, guest: 3002
  config.vm.host_name = "sails"
  config.vm.provision :shell, path: ".provision/bootstrap.sh"
  config.vm.provision "file", source: "~/.gitconfig", destination:               "~/.gitconfig"

此URL也可用于查看Nginx提供的Foundation启动页面。我还没有研究过Nginx，但一步一步。我将不得不弄清楚如何为静态和动态文件设置服务器。

当然感谢帮助。我把我的Vagrant安装文件放在这里，如果有这个堆栈的人想要一个很棒的开发环境的快捷方式：https://github.com/svstartuplab/Vagrant-Foundation-Sails-Nginx

BrowserSync with Vagrant，Zurb Foundation，Nginx，Gulp

0 个答案: