Q&A
「読み込めていない」のエラーログとか出てないでしょうか？chromeで確認するならdeveloper tool のconsoleに出力されていると思います。
PHP(Laravel5.4)で、あるデータを検索し結果を一覧表示して
リンクをクリックすると詳細データを表示するという検索機能を作成しています。
RHELをウェブアプリケーションサーバとして、apacheを動かしており
さらにフロントにリバースプロキシ(apacheが動いています)を配置して
外部よりアクセスする環境になっています。
JavascriptやCSS、画像ファイルを外部ファイルとして読み込んでいるのですが
リバプロを経由して外部からアクセスするとページ自体は表示できていますが
javascriptやCSSが読み込めていないようなのです。
ページのHTMLソースを確認したところ
「ファイルが読めません」といった内容のエラーが出てました。パスにIPアドレスが入っている時点で、外部から読めませんので「そりゃそうだなぁ…」と思っていました。。
回答4件
0
皆様、回答ありがとうございました。
解決しましたので、結果をご報告させていただきます。
choro-sさんのアドバイスを参考にHTMLのhead部に
<base href="(リバースプロキシのアドレス)/laravel/">を追記しました。
css等のパスも相対パスとし
投稿2017/06/19 08:53
総合スコア9
0
http://blog.livedoor.jp/techblog/archives/65151527.html
apacheのサーバコンフィグ設定
ProxyPassReverse を利用すれば良いのではないでしょうか。
フロント側の設定です。
投稿2017/06/19 04:08
総合スコア5488
ご回答ありがとうございます。
現在、フロント側の conf.d/proxy.confにて
ProxyPass /laravel http://(ウェブアプリケーションのIP)/laravel
ProxyPassReverse /laravel http://(ウェブアプリケーションのIP)/laravel
としています。
RewriteRuleは上記設定上ファイル上ではしておりません。
参考URL先を拝見しました。ありがとうございます。
やはりフロント側にjsなりcssなりを配置するのを勧めていますね…
問題は、入ってくるURLと出て行くURLがそれぞれ変わってくるのですが、出て行くURLが問題になりがちです。それをProxyPassReverseに関連しますが、複雑になるとうまく変換できない場合があります。
laravelをご利用であれば、.envを利用して静的に変換してしまうとか、 \Illuminate\Http\Request から派生させて、変換部分を自前で記載するとかでしょうか。これらはバックエンド側で対応するものです。
もちろん、静的で変更されないファイルであれば、フロントに置いた方が処理性能面でもお得ですよね。そういう意味では、フロントはnginxを採用した方が、より性能面でお得になるかと思います。
0
筋から言えば、jsファイルは公開されたサーバー上におくことです。
事情があってそれが難しいのであれば<script>をphp側で書き換えることができるなら
<script src="jsload.php?q=http://(ウェブアプリケーションのIPアドレス)/js/javascript.js">
※ただし適当なエンコードが必要になります
のようなphp側で参照してjsを吐き出す仕組みを考える必要がありそうです。
投稿2017/06/19 02:58
総合スコア114777
ご回答ありがとうございます。
公開サーバ上に置くことは難しいので、ウェブアプリケーション上に置きたいです。
PHP側での書き換えは可能ですが、仕組の変更が必要とは…
一筋縄ではいかないのですね…
外部ファイルにしているjavascriptやスタイルを内容を
ビューに直接書き込んでしまえば動作はするのですが
画像ファイルの表示とリンクだけはどうしてもそうはいかず、未だ悩んでおります。
0
ベストアンサー
Apacheのmod proxyにてどのような設定が入っているか確認が出来ませんので
HTMLベースでの解決法を提案させて頂きたいと思います。
HTML
1<base href="http://リバースプロキシのアドレス/"></base>
上記記述をheadセクションの中に追加することで、以下のようなアクセスになります。
base href記述なし
http://ウェブアプリケーションサーバのIP/js/javascript.js
base href記述あり
http://リバースプロキシサーバのアドレス/js/javascript.js
コレでmod proxyにて変換されて転送がかかるようになります。
お試し下さい。
投稿2017/06/17 02:01
総合スコア118
迅速な回答ありがとうございます！
ビュー側にその記述を追加してみます。
すぐに確認できないのですが、後日確認でき次第報告させていただきます。
確認が遅くなり申し訳ありません。
headセクションに<base>を追加してみました。
asset()を残したままだとやはりウェブアプリケーションサーバのIPアドレスが出てきてしまうので
パスを指定する部分は相対パスにしてみました
<script src="js/javascript.js" ..>
<img src="image/image.jpg" ..>
<link href="css/styles.css" ..>
ですが、javascriptファイル内の関数を使用しようとしても「定義されていません」とエラーが出たり
cssが効いていないようなので、やはり外部ファイルは読めていないようです。
ただ、<base>は効いたようで転送はかかっているようです。
一部、「画像クリック→画像を原寸で表示」
という動作をさせたい箇所があるので、画像ファイルへリンクを貼るように
<a href="image/image.jpg" ..>
と記述しました。
HTMLソースでそのリンク先を見ると
http://(リバースプロキシのアドレス)/image/image.jpg
となっていました。
(web.phpに/imageのルーティング記述がないせいか、クリックするとNotFoundHttpExceptionがでてページが表示されませんが…)
IPアドレスからリバースプロキシのアドレスへ変換は<base>でできそうなので
あとはウェブアプリケーション側の.htaccessの設定だったり
ルーティングの設定を調べてみます。
(まだ解決はしていなので「受付中」のままとさせていただきます)
あなたの回答
tips
プレビュー
