スタイルーシートやスクリプトファイルが読み込めないので教えてください

Question

スタイルーシートやスクリプトファイルが読み込めないので教えてください

解決済

回答 4

投稿 2018/03/04 05:55 ・編集 2018/03/04 11:27

評価
クリップ 1
VIEW 756

alche

score 3

前提・実現したいこと

サーバーにデプロイしたアプリケーションで、スタイルシートや、JavaScriptを
適用したい。

発生している問題・エラーメッセージ

サーバー：Linux
webサーバー　Apache

エラーメッセージ

access_log
:
223.216.185.111 (-) - - [28/Feb/2018:21:18:49 +0000] "GET hoge.css HTTP/1.1" 302 2 "http://hogehoge.php" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3282.186 Safari/537.36"
:

PHPで開発

試したこと

Chromeでソース表示して、CSSファイルをクリックしてもエラーになってリダイレクトされる
状態です

補足情報

css、JavaScriptはlinkタグを使用してます
ただベースディレクトリは <% echo $_BaseDhirectory %> を使用してPHP側でディレクトリ
をセットするようにしてます。

htaccessへの追記など、何か必要ですか？

[ec2-user@ip-9-9-9-9 html]$ ls -ltrA web
total 16
-rw-r--r-- 1 webapp webapp   62 Feb 22 14:31 index.php
-rw-r--r-- 1 webapp webapp 1073 Feb 26 18:18 .htaccess
drwxr-xr-x 8 webapp webapp 4096 Mar  4 00:57 app
drwxr-xr-x 4 webapp webapp 4096 Mar  4 00:57 assets
[ec2-user@ip-9-9-9-9 html]$

composer.json

{
"require": {
"silex/silex": "~1.0",
"twig/twig": ">=1.8,<2.0-dev"
},
"minimum-stability": "dev"
}

気になる質問をクリップする

クリップした質問は、後からいつでもマイページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

クリップを取り消します
良い質問の評価を上げる

以下のような質問は評価を上げましょう
- 質問内容が明確
- 自分も答えを知りたい
- 質問者以外のユーザにも役立つ
評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。
質問の評価を上げたことを取り消します

評価を下げられる数の上限に達しました

評価を下げることができません
- 1日5回まで評価を下げられます
- 1日に1ユーザに対して2回まで評価を下げられます
質問の評価を下げる

teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。
- プログラミングに関係のない質問
- やってほしいことだけを記載した丸投げの質問
- 問題・課題が含まれていない質問
- 意図的に内容が抹消された質問
- 過去に投稿した質問と同じ内容の質問
- 広告と受け取られるような投稿
評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。
質問の評価を下げたことを取り消します

この機能は開放されていません

評価を下げる条件を満たしてません

評価を下げる理由を選択してください
プログラミングに関係のない質問やってほしいことだけを記載した丸投げの質問問題・課題が含まれていない質問意図的に内容が抹消された質問過去に投稿した質問と同じ内容の質問広告と受け取られるような投稿
詳細な説明はこちら

上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。
質問の評価を下げる機能の利用条件

この機能を利用するためには、以下の事項を行う必要があります。
- 質問回答など一定の行動
- メールアドレスの認証
  メールアドレスの認証
- 質問評価に関するヘルプページの閲覧
  質問評価に関するヘルプページの閲覧

9 件の質問への追記・修正依頼

質問への追記・修正、ベストアンサー選択の依頼

asahina1979

2018/03/04 10:57

ls -ltrA /web の結果を質問に追記してください

ls -ltrA /web の結果を質問に追記してください

キャンセル
asahina1979

2018/03/04 10:58

vender ディレクトリ以下がある場合は無視してください

vender ディレクトリ以下がある場合は無視してください

キャンセル
alche

2018/03/04 11:14

[ec2-user@ip-9-9-9-9 html]$ ls -ltrA web

[ec2-user@ip-9-9-9-9 html]$ ls -ltrA web

キャンセル
alche

2018/03/04 11:14

total 16

total 16

キャンセル
alche

2018/03/04 11:14 編集

-rw-r--r-- 1 webapp webapp 62 Feb 22 14:31 index.php
-rw-r--r-- 1 webapp webapp 1073 Feb 26 18:18 .htaccess
drwxr-xr-x 8 webapp webapp 4096 Mar 4 00:57 app
drwxr-xr-x 4 webapp webapp 4096 Mar 4 00:57 assets
[ec2-user@ip-9-9-9-9 html]$

-rw-r--r-- 1 webapp webapp 62 Feb 22 14:31 index.php -rw-r--r-- 1 webapp webapp 1073 Feb 26 18:18 .htaccess drwxr-xr-x 8 webapp webapp 4096 Mar 4 00:57 app drwxr-xr-x 4 webapp webapp 4096 Mar 4 00:57 assets [ec2-user@ip-9-9-9-9 html]$

キャンセル
asahina1979

2018/03/04 11:15

質問に追記してくださいの意味を理解できてないのかな?

質問に追記してくださいの意味を理解できてないのかな?

キャンセル
alche

2018/03/04 11:16

回答が編集できなかったので試しただけです。

回答が編集できなかったので試しただけです。

キャンセル
asahina1979

2018/03/04 11:24

vender 以下てのは vender/composer のように物理的に vender 以下にあるので　コマンドで vender 以下に出力されるものじゃないので total からみるにあと3つあると思います

vender 以下てのは vender/composer のように物理的に vender 以下にあるので　コマンドで vender 以下に出力されるものじゃないので total からみるにあと3つあると思います

キャンセル
asahina1979

2018/03/04 11:25

多分この個数だと composer.json があるとおもうのでこれも追記してください

多分この個数だと composer.json があるとおもうのでこれも追記してください

キャンセル

回答 4 件

評価が高い順
新着順
古い順

+1

http://hogehoge.php

通常は「http://{ホスト情報（localhostやipやexample.comなど）}/hogehoge.php」になると思いますが、アクセスURLに間違いはないでしょうか？

現状の提示情報だけだと実行しているPHPとそれぞれの位置関係が分かりませんので、ディレクトリ構成をWebルートディレクトリ（httpd.confのDocumentRootに設定されている情報）を中心にご提示いただけませんか？

また、対象のソースコードもご提示ください。
「css、JavaScriptはlinkタグを使用してます」と仰っていますが、JavaScriptはlinkタグではありませんし。

投稿 2018/03/04 06:41

編集 2018/03/04 08:16

回答の評価を上げる

以下のような回答は評価を上げましょう
- 正しい回答
- わかりやすい回答
- ためになる回答
評価が高い回答ほどページの上位に表示されます。
回答の評価を下げる

下記のような回答は推奨されていません。
- 間違っている回答
- 質問の回答になっていない投稿
- スパムや攻撃的な表現を用いた投稿
評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

2018/03/04 07:06

DocumentRoot　は　/web
/web/index.php
<?php
header("Location: .\app/app.php");
?>

/web/app/app.php
<?php
require_once( dirname(__FILE__) . '/appCommon/appCommonPhp.php');
?>
<!doctype html>
<html>
<head>
<?php
header( 'Expires: Thu, 01 Jan 1970 00:00:00 GMT' );
header( 'Last-Modified: '.gmdate( 'D, d M Y H:i:s' ).' GMT' );
?>
<title>HogeHoge</title>
<meta charset="UTF-8">
<?php require_once( dirname(__FILE__) . '/appCommon/appCommonHtmlCSS.php' ) ;?>
<?php require_once( dirname(__FILE__) . '/appCommon/appCommonHtmlJS.php' ) ;?>
</head>
<body>
<h1>HogeHoge</h1>
<?php require_once( dirname(__FILE__) . '/appCommon/appJavaScript.php' ) ;?>
</body>
</html>

/web/app/appCommon/appCommonPhp.php
<?php
$projectsPHPPath = "";
$projectsAssetsPath = $projectsPHPPath . "assets";
?>

/web/app/appCommon/appCommonHtmlCSS.php
<link rel="stylesheet" type="text/css" href="<?php echo $projectsAssetsPath . '/css/bootstrap.min.css' ; ?>" >
<link rel="stylesheet" type="text/css" href="<?php echo $projectsAssetsPath . '/css/Site.css' ; ?>" >

/web/app/appCommon/appCommonHtmlJS.php
<script type="text/javascript" src="<?php echo $projectsAssetsPath . '/js/jQuery/jquery.js' ; ?>"></script>

/web/app/assets/css
スタイルシードファイル群(*.css)

/web/app/assets/js
JavaScriptファイル群(*.js)

/web/app/assets/js/jQuery
jQuery関連(*.js)

/web/app
ソースファイル群(*.php)

少しみにくいですが、こんな感じです。
JavaScriptは scriptタグでした。すみません。

DocumentRoot　は　/web /web/index.php <?php header("Location: .\app/app.php"); ?> /web/app/app.php <?php require_once( dirname(__FILE__) . '/appCommon/appCommonPhp.php'); ?> <!doctype html> <html> <head> <?php header( 'Expires: Thu, 01 Jan 1970 00:00:00 GMT' ); header( 'Last-Modified: '.gmdate( 'D, d M Y H:i:s' ).' GMT' ); ?> <title>HogeHoge</title> <meta charset="UTF-8"> <?php require_once( dirname(__FILE__) . '/appCommon/appCommonHtmlCSS.php' ) ;?> <?php require_once( dirname(__FILE__) . '/appCommon/appCommonHtmlJS.php' ) ;?> </head> <body> <h1>HogeHoge</h1> <?php require_once( dirname(__FILE__) . '/appCommon/appJavaScript.php' ) ;?> </body> </html> /web/app/appCommon/appCommonPhp.php <?php $projectsPHPPath = ""; $projectsAssetsPath = $projectsPHPPath . "assets"; ?> /web/app/appCommon/appCommonHtmlCSS.php <link rel="stylesheet" type="text/css" href="<?php echo $projectsAssetsPath . '/css/bootstrap.min.css' ; ?>" > <link rel="stylesheet" type="text/css" href="<?php echo $projectsAssetsPath . '/css/Site.css' ; ?>" > /web/app/appCommon/appCommonHtmlJS.php <script type="text/javascript" src="<?php echo $projectsAssetsPath . '/js/jQuery/jquery.js' ; ?>"></script> /web/app/assets/css スタイルシードファイル群(*.css) /web/app/assets/js JavaScriptファイル群(*.js) /web/app/assets/js/jQuery jQuery関連(*.js) /web/app ソースファイル群(*.php) 少しみにくいですが、こんな感じです。 JavaScriptは scriptタグでした。すみません。

キャンセル
2018/03/04 07:53

sample.com : 実在のサイト
example.com : RFC仕様で割り振られた説明用ドメイン（全TLD可）

sample.com : 実在のサイト example.com : RFC仕様で割り振られた説明用ドメイン（全TLD可）

キャンセル
2018/03/04 08:16 編集

ソースコードは質問本文に追記してください。（コードブロック```で囲うのも忘れずに）
個々の回答に貼っていては他の回答者の目につきません。

＞asahina1979さん
ご指摘ありがとうございます。修正しました。

ソースコードは質問本文に追記してください。（コードブロック```で囲うのも忘れずに）個々の回答に貼っていては他の回答者の目につきません。＞asahina1979さんご指摘ありがとうございます。修正しました。

キャンセル
2018/03/04 08:49

DocumentRootが「/web」であれば、cssやjsを設置するのは「/web/app/assets/〜」ではなく「/web/assets/〜」ではないでしょうか？

DocumentRootが「/web」であれば、cssやjsを設置するのは「/web/app/assets/〜」ではなく「/web/assets/〜」ではないでしょうか？

キャンセル
2018/03/04 09:40

ありがとうございます。
試してみます。

ありがとうございます。試してみます。

キャンセル
2018/03/04 10:00

assetsディレクトリを、webディレクトリ配下にコピーしてデプロイしてみましたが駄目でした。

assetsディレクトリを、webディレクトリ配下にコピーしてデプロイしてみましたが駄目でした。

キャンセル
2018/03/04 10:37

誤った回答、失礼しました。
いただいた情報をもとに手元でアプリを再現してみましたが、特段問題無くページが閲覧できます。

質問者さん側のサイトにアクセスした際のApacheのaccess_logをいただけませんでしょうか。

誤った回答、失礼しました。いただいた情報をもとに手元でアプリを再現してみましたが、特段問題無くページが閲覧できます。質問者さん側のサイトにアクセスした際のApacheのaccess_logをいただけませんでしょうか。

キャンセル

+1

silex は別ディレクトリに設置するとかの方式じゃなかったはずなので

<link href="/css/bootstrap.css" ...

は

web
┠css
┃┠bootstrap.css

をそのままさしているはずです。

あなたの現状ですが

<link href="bootstrap.css" ...

と設定しているため

web
┠bootstrap.css

にファイルがないから 302 でredirectをしてるのかと思われます。
※ ブラウザに来た時のHTMLで説明してます

投稿 2018/03/04 11:59

回答の評価を上げる

以下のような回答は評価を上げましょう
- 正しい回答
- わかりやすい回答
- ためになる回答
評価が高い回答ほどページの上位に表示されます。
回答の評価を下げる

下記のような回答は推奨されていません。
- 間違っている回答
- 質問の回答になっていない投稿
- スパムや攻撃的な表現を用いた投稿
評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

2018/03/04 12:10

質問にもあるように
PHP側
　　：
$projectsPHPPath = "";
$projectsAssetsPath = $projectsPHPPath . "assets";
　　：
HTML側
<link rel="stylesheet" type="text/css" href="<?php echo $projectsAssetsPath . '/css/bootstrap.min.css' ; ?>" >
としているので
<link href="bootstrap.css"...
とならずに
<link href="assers/css/bootstrap.css"...

になると思うんですが･･･
※すみませんMarkDown記法がわかってないので、べた書きです

質問にもあるように PHP側　　： $projectsPHPPath = ""; $projectsAssetsPath = $projectsPHPPath . "assets"; 　　： HTML側 <link rel="stylesheet" type="text/css" href="<?php echo $projectsAssetsPath . '/css/bootstrap.min.css' ; ?>" > としているので <link href="bootstrap.css"... とならずに <link href="assers/css/bootstrap.css"... になると思うんですが･･･ ※すみませんMarkDown記法がわかってないので、べた書きです

キャンセル
2018/03/04 12:19

質問に書いてませんよね

ちなみにこういう記述にしたらこの位置にあるべきの説明なので
あなたがPHPにどうかいてようが関係ありません。

結果のHTMLでドキュメントルート以下の位置にあるかを確認してください

質問に書いてませんよねちなみにこういう記述にしたらこの位置にあるべきの説明なのであなたがPHPにどうかいてようが関係ありません。結果のHTMLでドキュメントルート以下の位置にあるかを確認してください

キャンセル
2018/03/04 13:06

質問本文に記載のある「composer.json」からsilexを使っているのは明らかなので、silexの流儀にならってコーディングしないといけないのでしょうね。
（というか質問本文のlsの結果にはcomposer.jsonが見当たらないが・・・）

そこに無理やり独自アプリを置こうとして嵌っているような・・・

質問本文に記載のある「composer.json」からsilexを使っているのは明らかなので、silexの流儀にならってコーディングしないといけないのでしょうね。（というか質問本文のlsの結果にはcomposer.jsonが見当たらないが・・・）そこに無理やり独自アプリを置こうとして嵌っているような・・・

キャンセル
2018/03/04 13:37

bassbone
ls の結果は　たぶんうちの説明がまずって venderディレクトリ以下のファイルのことととらずにコマンドの結果で vender 以下に出たものを削ったような気がするんだよね。

silex1.x の基本的なお作法は静的ファイルはドキュメントルート以下で管理が基本だったとおもいましたよ

bassbone ls の結果は　たぶんうちの説明がまずって venderディレクトリ以下のファイルのことととらずにコマンドの結果で vender 以下に出たものを削ったような気がするんだよね。 silex1.x の基本的なお作法は静的ファイルはドキュメントルート以下で管理が基本だったとおもいましたよ

キャンセル
2018/03/04 13:55 編集

asahina19791さん、コメントありがとうございます。
おそらく結果には無いだけで、composer.json、venderディレクトリはあるということですね。
うーん、いまいちどういう経緯でsilexが入っているのかよくわからない・・・

ちなみに、silexはほとんど触ったことが無いのですが、静的ファイル関連の公式ドキュメントはこれですかね。
https://silex.symfony.com/doc/1.3/cookbook/assets.html

asahina19791さん、コメントありがとうございます。おそらく結果には無いだけで、composer.json、venderディレクトリはあるということですね。うーん、いまいちどういう経緯でsilexが入っているのかよくわからない・・・ちなみに、silexはほとんど触ったことが無いのですが、静的ファイル関連の公式ドキュメントはこれですかね。 https://silex.symfony.com/doc/1.3/cookbook/assets.html

キャンセル
2018/03/04 14:16 編集

それですね
その機能は
/silexアプリケーション
から
/subdir/silexアプリケーション
に移動したときにテンプレートを修正しないでいい機能です。

公開領域外においてルーティングするための機能ではないです。

それですねその機能は /silexアプリケーションから /subdir/silexアプリケーションに移動したときにテンプレートを修正しないでいい機能です。公開領域外においてルーティングするための機能ではないです。

キャンセル
2018/03/04 14:24

http://symfony.com/blog/the-end-of-silex

silex 2.x もEOLか・・

http://symfony.com/blog/the-end-of-silex silex 2.x もEOLか・・

キャンセル
2018/03/04 18:03

全員でそれぞれの回答にぶらさがって会話しているのでどれかにまとめた方がいい気がしてきました（回答者もあちこち見るの大変でしょうし）

全員でそれぞれの回答にぶらさがって会話しているのでどれかにまとめた方がいい気がしてきました（回答者もあちこち見るの大変でしょうし）

キャンセル
2018/03/04 18:20

「使ってないと思います。」と「思います」と言ってる以上最低一人共同開発者がいるきがするんだよなぁ

「使ってないと思います。」と「思います」と言ってる以上最低一人共同開発者がいるきがするんだよなぁ

キャンセル
2018/03/04 18:38

それは私も感じてました。自身がメインではなさそうな気も。

それは私も感じてました。自身がメインではなさそうな気も。

キャンセル

0

phpのバージョン、使っているフレームワークを教えていただけますでしょうか？

投稿 2018/03/04 06:29

回答の評価を上げる

以下のような回答は評価を上げましょう
- 正しい回答
- わかりやすい回答
- ためになる回答
評価が高い回答ほどページの上位に表示されます。
回答の評価を下げる

下記のような回答は推奨されていません。
- 間違っている回答
- 質問の回答になっていない投稿
- スパムや攻撃的な表現を用いた投稿
評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

2018/03/04 06:34

早速対応ありがとうございます。
AWSでPHPの環境を作ったのでPHPは７だと思いますが、代表的なフレームワーク（CakePHPとか）は使ってないと思います。

早速対応ありがとうございます。 AWSでPHPの環境を作ったのでPHPは７だと思いますが、代表的なフレームワーク（CakePHPとか）は使ってないと思います。

キャンセル
2018/03/04 11:01

日本でしか流行ってない（すたってきている） FuelPHP を利用してるようにしか見えないんだが

日本でしか流行ってない（すたってきている） FuelPHP を利用してるようにしか見えないんだが

キャンセル

同じタグがついた質問を見る

PHP
Apache

score 0 · Accepted Answer · 2018-03-06T12:04

解決した方法

0

asahina1979さん、bassboneさん、mts10806さん　ありがとうございました。

解決しました。
※現在 silex は使ってないのですが、ゆくゆく使いそうなので、定義だけ入れてます。

投稿 2018/03/06 12:04

回答の評価を上げる

以下のような回答は評価を上げましょう
- 正しい回答
- わかりやすい回答
- ためになる回答
評価が高い回答ほどページの上位に表示されます。
回答の評価を下げる

下記のような回答は推奨されていません。
- 間違っている回答
- 質問の回答になっていない投稿
- スパムや攻撃的な表現を用いた投稿
評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

2018/03/06 13:14

解決方法を書いて下さい。
https://teratail.com/help#resolve-myself

解決方法を書いて下さい。 https://teratail.com/help#resolve-myself

キャンセル

質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう！

スタイルーシートやスクリプトファイルが読み込めないので教えてください

前提・実現したいこと

発生している問題・エラーメッセージ

試したこと

補足情報

関連した質問

同じタグがついた質問を見る

質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう！

スタイルーシートやスクリプトファイルが読み込めないので教えてください

前提・実現したいこと

発生している問題・エラーメッセージ

試したこと

補足情報

15分調べてもわからないことは、teratailで質問しよう！

関連した質問

同じタグがついた質問を見る

SNSアカウントでログイン

teratailアカウントでログイン