ロリポップでResource interpreted as Stylesheet but transferred with MIME type text/html

Question

ロリポップのレンタルサーバーにて、cssがtext/htmlで読み込まれてしまいます。
フレームワークとしてFuelPHP1.7を使用しています。

ロリポップ公式のWEBサーバーの使用、MIMEの設定は以下です。
https://lolipop.jp/manual/hp/web-server/

ディレクトリ構造は以下です。

public_html(本来FulePHPの/publicにあったものを外に出しました)
  L assets
      L css
          L .htaccess
          L hoge.css
  L .htaccess
  L index.php

page
  L fuel
    L 以下FuelPHPの構造

.htaccess

• /.htaccess
• /public_html/assets/.htaccess
• /public_html/assets/css.htaccess

それぞれに以下を追記しましたが、変わりませんでした。

AddType 'text/css; charset=UTF-8' .css
AddHandler server-parsed .css

ロリポップのプランの関係上、sshができず、root権限もありません。

あるいは、Fuelの設定に問題があるのでしょうか。
FuelPHPのpublic/index.phpや、config/assets.phpで、パスの変更はできています。

宜しくお願いいたします。

##追記

• ローカル環境(Vagrant)では、問題なくcssやjsは動作しております。
• 該当のcssのヘッダー情報です↓

General
Request URL:http://◯◯◯.jp/admin/assets/css/base.css?1455288407
Request Method:GET
Status Code:302 Found
Remote Address: ◯◯◯.◯.◯◯◯.◯◯:80

Response Headers
Connection:Keep-Alive
Content-Length:0
Content-Type:text/html
Date:Sat, 19 Mar 2016 07:43:25 GMT
Keep-Alive:timeout=5, max=99
Location:http://◯◯◯.jp/admin/login
Server:Apache
Set-Cookie:fuelfid=EpywZ_uyht4Wb4G1FA04_q-RijRR9wmufWZus7IHKyNWwY5QyV6_DYJkKgWbSQ54kIdOwOxism5F6OZzOGzXI0VtUFhHc0l3bEZXVkRNQ2RVMVN3eHRpOGJiSzZsMEdyV3NfOGdnYVR3MFE; expires=Sat, 19-Mar-2016 09:43:25 GMT; path=/
X-Powered-By:PHP/5.4.41
Request Headers
view source
Accept:text/css,*/*;q=0.1
Accept-Encoding:gzip, deflate, sdch
Accept-Language:ja,en-US;q=0.8,en;q=0.6
Cache-Control:no-cache
Connection:keep-alive
Cookie:fuelfid=EpywZ_uyht4Wb4G1FA04_q-RijRR9wmufWZus7IHKyNWwY5QyV6_DYJkKgWbSQ54kIdOwOxism5F6OZzOGzXI0VtUFhHc0l3bEZXVkRNQ2RVMVN3eHRpOGJiSzZsMEdyV3NfOGdnYVR3MFE
Host:◯◯◯.jp
Pragma:no-cache
Referer:http://◯◯◯.jp/admin/login
User-Agent:Mozilla/5.0 (Macintosh; Intel Mac OS X 10_10_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/48.0.2564.116 Safari/537.36

Query String Parameters
1455288407:

##追記2
Disable Cacheにチェックを入れた状態のレスポンスヘッダ−

Response Headers
view source
Connection:Keep-Alive
Content-Length:0
Content-Type:text/html
Date:Sat, 19 Mar 2016 10:30:40 GMT
Keep-Alive:timeout=5, max=99
Location:http://◯◯◯.jp/admin/login
Server:Apache
Set-Cookie:fuelfid=N8iAvsTue1Fpxh8i7P1TnS7ZjA5lvx2TH5AdoRLmdJvl0wG9n3dIcAUZMyepaPwBjfOvgBK7OlXA0WwgPFhrkzJmRHdKdzBlMzZXaDhWTmRYeGs1dGRHeVZrLXBQY190eVVRZkxKdVhKcDA; expires=Sat, 19-Mar-2016 12:30:40 GMT; path=/
X-Powered-By:PHP/5.4.41

Answer 1

分かりました。
Locationヘッダーが返ってきてます。
Location:http://◯◯◯.jp/admin/login
に飛ばされてますから、FuelPHPのログイン画面？か何かに飛んでます。
ブラウザで直接
http://◯◯◯.jp/admin/assets/css/base.css
って開いてみてください。ログイン画面に行きますよ。

何か心当たりがないですか？

Comments

[shi_ue]

あれ？質問と違いますね。
/public_html/assets/base.css
とかを読みたかったんですよね？違うcssを読んでいるような・・・

[m055001]

ありがとうございます！
確かにログイン画面に飛んでいます！

はっ！っとなったのですが、/.htaccessかもしれません...
RewriteRule ^admin(.*)$ public_html/index.php$1 [L]

それで書き換えてみたのですが、うまくいきません汗
RewriteCond %{REQUEST_URI} ^/admin/assets$
RewriteRule admin(.*) public_html$1 [L]

RewriteCond %{REQUEST_URI} ^/admin$ [OR]
RewriteCond %{REQUEST_URI} ^/admin/login$
RewriteRule admin(.*) public_html/index.php$1 [L]

[m055001]

すみません、.htaccessについては自己解決しました！
RewriteCond %{REQUEST_URI} ^/admin/assets$
↓
RewriteCond %{REQUEST_URI} ^/admin/assets(.*)$

そうしましたら、見事にcssが反映されました！
至らない点も多々あったであろう中、
長時間、本当にありがとうございました！

Answer 2

DocumentRootは 見かけ上の / ですか？

質問に書こうとしたら、間違って回答に書いちゃいました。ごめんなさい

###追記
よく見たら、

AddHandler server-parsed .css

って、SSIのハンドラじゃないですか。これいらなくないですか？
これだと、出力はhtmlになりそうですが。

Comments

[m055001]

さっそくありがとうございます！

DocumentRootについて、FuelPHPの DOCROOT で調べましたら、
以下のようになっております。

/home/users/1/lolipop.jp-dp◯◯◯◯/web/public_html/
ここのpublic_htmlが、質問欄に書いたpublic_htmlです。

AddHandler server-parsed .css
についてはよく知らず、それらしい記事からコピペしてきてました。
これを3つの.htaccessから削除して、AddType 'text/css; charset=UTF-8' .cssのみにしましたが、特に変化はありません。

いかがでしょうか？

[m055001]

追加情報をコメントから質問へ移動

[shi_ue]

とりあえず、コメントに情報は書かずに、質問に追記してください。
また、デベロッパーツールで、Disable cacheにチェックを入れてください。
302が返っているので、実際には取得していません。

[m055001]

とりあえず質問に追記しました。
Disable cacheには既にチェックは入っていません。

"302が返っているので、実際には取得していません"とのことで、
具体的にどういった問題が考えられますか？
（Vagrantでは取得できていて、ロリポップでできていないということは、やはりFuelの設定ではない？

その他、必要な情報があれば追記いたしますので、教えていただければ幸いです。

[shi_ue]

いえいえ、Disable cacheにチェックを入れないと、HTTPのステータスコード302の
Not modified が返ってきてしまい、実際に取得せずにキャッシュを表示しようとするので、本当のheaderが分からない、ということです。

たぶん、ローカルの仮想環境で出来て、ロリポップで出来ない、ということは何かロリポップの設定が間違っているような気がしますが・・・

とりあえず、Disable cacheにして、Responseのヘッダーを見てみたいです。
よろしくお願いします。

[m055001]

大変申し訳ありません。
私の書き間違いで、既にDisable cacheにチェックが"入っている"状態です。
なので、追記のヘッダー情報はDisable cacheにチェックが入っている状態のものです。

念のため、一度チェックを外してリロード→その後チェックを入れてリロードしたものを追記します。

[shi_ue]

ごめんなさい。view sourceを押して、展開してみてください。
あ、何でもないです。