2

このセットアップに数日を費やした後、私は近づいているようですが、Nginxゲストを備えたVagrant Ubuntu 14.04でBrowserSyncがNginxをサーバーとして使用し、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();

このコードはフォーラムから入手しました。他の同様の構成も試しました。Nginxで開発したいので、Foundationサーバーのセットアップをコメントアウトしました。私の限られた理解では、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']);
  ...

「foundation watch」を実行すると、次のようになります。

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

Vagrantfile にはポート フォワーディングがあります。最初の 3 つは期待どおりに機能します。

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