LoginSignup
11
11

More than 5 years have passed since last update.

VagrantでAngularJSを使ったhtml(静的コンテンツ)がうまく動かなかった対処法

Last updated at Posted at 2013-11-09

AngularJSの学習をしようと、Vagrantの開発環境にhtml作って試そうとしたところ、
修正して、リロードすると正しく読み込まれず、ソースが途中で切れるような現象が発生しました。

なかなか原因が特定できず・・・

最初はAngularJSが悪いかと思ったら、そうでもないようで、
ブラウザかと思ったら、どのブラウザでもダメ。
ってことはapacheかと思い、だいぶ設定を見直しましたがなかなかわからず、
だいぶ時間を使ってしまいました。

何が問題だったか?

Vagrantの共有ディレクトリにドキュメントルートを設置していたから。

ネットワークマウントされたドキュメントルートでは静的コンテンツが正しくロード出来ないことがあるようです。そのためには、下記をhttpd.confに書いてあげる必要がありました。

EnableMMAP Off
EnableSendfile Off

どなたかの役に立ったら幸いです。。。

共有ディレクトリにDocumentRootは置くべきではない?

とりあえず動くようになったけど、共有ディレクトリはDocumentRootにすると、パーミッションとか、色々問題多いからやめた方がよさそうですかね?

vagrantでは皆さんはどうしてますか?

こちら参考にさせて頂きました。
Vagrantの共有フォルダをDocumentRootに設定した場合にファイルの変更が反映されない
VM の共有フォルダ内の 静的ファイルが正しくロードできないときの対処方法

11
11
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
11
11