前提・実現したいこと
エックスサーバーに作成したhtml,css,jsファイルをアップロードして表示させたいです。
現在、example.comでワードプレスを運営しています。
コーディングの練習用としてexample.comのサブドメインを取得しました。(ワードプレスで運用する予定はありません。)
html,CSS,js,imgファイルをすべてアップロードし、サブドメインでアクセスしたところ、htmlしか読み込まれません。
発生している問題・エラーメッセージ
ディベロッパーツールを利用してエラーを見たところ、次のように表示されています。
Failed to load resource: the server responded with a status of 500 (Internal Server Error) mosha-boot-1.min.css:1 Failed to load resource: the server responded with a status of 500 (Internal Server Error) airbnb.png:1 Failed to load resource: the server responded with a status of 500 (Internal Server Error) airbnb2.png:1 Failed to load resource: the server responded with a status of 500 (Internal Server Error) mosha-boot-1.js:1 Failed to load resource: the server responded with a status of 500 (Internal Server Error) Present%20Icon%20(1).png:1 Failed to load resource: the server responded with a status of 500 (Internal Server Error) /favicon.ico:1 Failed to load resource: the server responded with a status of 500 (Internal Server Error) mosha-boot-1.min.css:1 Failed to load resource: the server responded with a status of 500 (Internal Server Error)
試したこと
ローカル環境では表示されるので、アップロードの仕方が悪いのかと思い、自宅のパソコンのファイルと同じような階層にしましたが表示されませんでした。web-designがサブドメインのファイルです。サーバー上にあらかじめ作られていた場所にアップロードしました。
確認したこと
URLは、web-design.example.comにアクセスしています。
エックスサーバーのアクセスログをダウンロードしたところ、web-design.example.comの記載がありました。
ログは、以下のようになっていました。
web-design.example.com 103.26.153.116 - codelife [20/May/2019:22:29:41 +0900] "GET /web-design/js/bootstrap.min.js HTTP/1.1" 500 671 "http://web-design.example.com/" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/74.0.3729.157 Safari/537.36"
サブドメインの設定は、エックスサーバーの指示通りに行いました。
また、ファイルは指定されたフォルダにいれました。下画像の説明から、public_htmlの中にあるweb-design(サブドメイン名)のフォルダに入れればいいと思い、そちらに入れています。
pablic_htmlの.htaccecc
#SITEGUARD_PLUGIN_SETTINGS_START #==== SITEGUARD_RENAME_LOGIN_SETTINGS_START <IfModule mod_rewrite.c> RewriteEngine on RewriteBase / RewriteRule ^wp-signup.php 404-siteguard [L] RewriteRule ^wp-activate.php 404-siteguard [L] RewriteRule ^login_1414117(.*)$ wp-login.php$1 [L] </IfModule> #==== SITEGUARD_RENAME_LOGIN_SETTINGS_END #==== SITEGUARD_ADMIN_FILTER_SETTINGS_START <IfModule mod_rewrite.c> RewriteEngine on RewriteBase / RewriteRule ^404-siteguard - [L] RewriteRule ^wp-admin/css - [L] RewriteRule ^wp-admin/images - [L] RewriteRule ^wp-admin/admin-ajax.php - [L] RewriteRule ^wp-admin/load-styles.php - [L] RewriteCond %{REMOTE_ADDR} !^103.26.153.116$ RewriteRule ^wp-admin 404-siteguard [L] </IfModule> #==== SITEGUARD_ADMIN_FILTER_SETTINGS_END #SITEGUARD_PLUGIN_SETTINGS_END # BEGIN WordPress <IfModule mod_rewrite.c> RewriteEngine On RewriteBase / RewriteRule ^index.php$ - [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule . /index.php [L] </IfModule> # END WordPress
上記「試したこと」部分のweb-designないの.htaccess
AuthUserFile "/home/アカウント名/example.com/htpasswd/web-design/.htpasswd" AuthName "Member Site" AuthType BASIC require valid-user
サブディレクトリでアクセスしたところ、正常に表示されました。
サブドメインで作ろうと思っていたので、そちらでしかアクセスしていませんでしたが、拒否しない限りサブディレクトリでもアクセスできると知り試したところ、サブディレクトリでは正常に表示されました。
ディベロッパーツールでpageを確認すると、階層がおかしい?
一枚目がサブディレクトリでアクセスしたとき(正常:FTPソフトで見るのと同じ)。二枚目がサブドメインでアクセスしたときです。
これはつまり、サブドメインで運用する場合は、ディレクトリを自分で追加・整理する必要があるということでしょうか;
回答1件
あなたの回答
tips
プレビュー