2

经过几天的深入研究，我似乎已经接近了这个设置，但仍然无法让 BrowserSync 使用 Nginx 作为带有 Nginx 来宾的 Vagrant Ubuntu 14.04 上的服务器并在我的 MacBook Pro 主机上查看 html。但是，在我的 Mac Chrome 浏览器上的http://localhost:3001/上，我可以查看带有设置等的 BrowserSync 页面。因此，我怀疑我做对了一些事情，但可能不多。

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

我试过 localhost: 3000、3001 和 3002 以及那些带有 Vagrant IP 10.0.2.15 和 127.0.0.1 和 0.0.0.0 的端口。有人有适用于这个堆栈的设置吗？我在任何地方都找不到这个设置的讨论。

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

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

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

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

在 Gulpfile 的底部，我们做了 watch thingy。

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

4

0 回答 0