3

メンテナンス画面(RewriteEngine)へCSSファイルを適用させたいのですが、上手くいきません。
(メンテナンス時のhtmlは表示されています。)
また、直接メンテナンス用htmlファイルをダブルクリックし、立ち上げるとcssは適用されています。

適用させたいcssファイル名は import.css です。

階層

htdocs-maintenance.html
      -css-import.css

maintenance.html内、cssリンク部分

<link rel="stylesheet" type="text/css" media="screen, projection, tv" href="css/import.css">

[httpd.conf]

ErrorDocument 503 /maintenance.html

<IfModule mod_rewrite.c>
    RewriteEngine on
    RewriteCond %{REQUEST_URI} !=/maintenance.html
    RewriteCond %{REQUEST_URI} !=/css/import.css
    RewriteRule .* /maintenance.html [R=503,L]
</IfModule>
Include conf/extra/httpd-proxy.conf

[httpd-proxy.conf]

<Location /test/>
    ProxyPass ajp://localhost:8009/test/
</Location>

画面を表示すると、

Failed to load resource: the server responded with a status of 503 (Service Unavailable) http://localhost:81/test/css/import.css

というエラーが出力されており、cssが適用されていません。
(直接maintenance.htmlを起動した場合はcssが適用されています)

おそらく、メンテナンスモードでmaintenance.htmlを起動すると、ルートディレクトリがtestになってしまう部分が原因だと思うのですが解決方法が分かりません。

  • メンテナンスモードのURL:
    http://localhost:81/test/ServletName
  • 直接maintenance.htmlを起動した場合のURL:
    file:///C:/Program%20Files/Apache24/htdocs/maintenance.html

絶対パスでCドライブからcssファイルを指定すると「Not allowed to load local resource」で、参照することが出来ませんでした。
解決方法の分かる方がいましたら、ご教授をお願いします。

2
  • ルートディレクトリがtestになってしまうのはなぜでしょうか?環境ややったことは、できるだけ詳しく具体的に書いてもらえると回答得られやすいと思います。
    – take88
    Commented 2015年10月14日 2:29
  • エスパーしてみますが…もしかしてReverseProxyでlocalhost:81のtomcatが動いてますか? cssファイルもapachのdocroot配下へ配置してください。 Commented 2015年10月14日 3:20

2 件の回答 2

0

cssリンクの部分で、以下のようにcssの前にスラッシュを追加します。
ルート(htdocsフォルダ)からの絶対パスです。

href="/css/import.css"
0

ErrorDocument にせよ RewriteRule にせよ、ブラウザからみたURLは書き換えていないというのがポイントです。そのため、どのURLで表示されても同じ挙動をするようにHTMLを書く必要があります。

<link rel="stylesheet" type="text/css" media="screen, projection, tv" href="css/import.css">

相対URLはブラウザからみたURLを基準に解釈されるため、 http://localhost:81/test/ServletName にアクセスしてこのページが表示されると、 /test/css/import.css を読みに行ってしまいます。

これを避けるには /css/import.css といった絶対パスで指定するとよいでしょう。先頭に / を付けることで、現在のディレクトリではなく、ルートディレクトリが基準になります。

もしくは、メンテナンス画面等ではCSSをインラインで埋め込んでしまうのも手です。この場合CSSファイルを mod_rewrite で除外する必要がないですし、一ファイルで完結するのでメンテナンス作業がしやすいかもしれません

なおWebサーバーにアクセスする場合においてはルートディレクトリ=ドキュメントルートですが、ローカルのファイルを開くときのルートディレクトリは Windows 上だとドライブルート、Linux等では / になります。このため、直接ファイルを開いた場合には正しく表示されなくなると思いますが、両立は難しいです。

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。