2017-06-02 3 views
0

AWS ec2でhtml/CSSを使用しようとするのは初めてですが、最終的にはec2にHTMLページを表示させますが、CSSは動作しません。私は問題を理解するために多くの記事を検索しました。ec2でCSSが動作していない

ウェブページにコンソールが表示されたら、禁止メッセージが表示されました。 forbidden 一部の人々は、それが権限の問題だと述べている、しかし、私はこのようなディレクトリのパーミッションを設定します。

[[email protected] html]$ 
drwxr-xr-x. 2 root  ec2-user css 
drwxr-xr-x. 2 ec2-user ec2-user image 
-rw-r--r--. 1 ec2-user ec2-user indexChinese.html 
-rw-r--r--. 1 ec2-user ec2-user index.html 

と画像許可は、このようなものです:

[[email protected] image]$ ls -l 
-rw-r--r--. 1 ec2-user ec2-user About_PIC.JPG 
-rw-r--r--. 1 ec2-user ec2-user CHC_Pic.jpg 
-rw-r--r--. 1 ec2-user ec2-user Education_Pic.JPG 
-rw-r--r--. 1 ec2-user ec2-user Email_pic.JPG 
-rw-r--r--. 1 ec2-user ec2-user FB_Pic.JPG 

ここでヘッド内のリンクタグを持つ私のhtmlのですタグ、助けて、私が間違っていた場所を教えてください。

<link href="./css/style.css" type="text/css" rel="stylesheet" /> 
<link rel="icon" type="image/JPG" href="/image/CHC_Pic.jpg" /> 

ローカルホストで実行するとすべて正常に動作します。 ec2でプログラムを実行すると、CSSと画像が機能しない理由がわかりません。 Btw、私はec2に私のMacからのコマンドscpを使用します。 ありがとうございました!!!

+0

ウェブサーバー(Apache/nginx)の設定をトラブルシューティングする必要があります。 – ceejayoz

+0

どうやったらいいの? – Johnny

+0

ウェブサーバーの設定を共有します。 – ceejayoz

答えて

0

localhostでは、Windowsを使用している場合、拡張子は大文字と小文字が区別されないため、イメージが正常に動作して読み込まれますが、Webサーバー上では、拡張子がupppercaseの画像やその他のファイルは、小文字に変更したり、小文字に変更したり、CSSファイルを変更したりしてください。

+0

OPは彼がMacを使っていると言いますが、その場合はlocalhostでも失敗します。 – Jedi

+0

返信いただきありがとうございます。はい、私はMacを使用しています。あなたが言ったように拡張機能を変更しましたが、まだ動作していません。 – Johnny

関連する問題