CSS在ec2中不工作

问题描述:

这是我第一次尝试在AWS ec2上使用html/CSS,我最终使ec2显示我的html页面,但CSS不起作用。我搜查了很多帖子来找出问题。CSS在ec2中不工作

当我在网页上看到控制台时,我收到了禁止的消息。 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和图像不起作用。顺便说一句,我使用命令scp从我的mac到ec2。 非常感谢你!

+0

您需要排除网络服务器(Apache/nginx)配置的故障。 – ceejayoz

+0

你介意告诉如何去做吗? – Johnny

+0

分享您的网络服务器配置。 – ceejayoz

在本地主机上,如果您使用的是Windows,扩展名不区分大小写,所以图像的工作和加载都是正确的,但在Web服务器上,如果您使用扩展upppercase处理图像和其他文件,则不起作用小写,反之亦然,请尝试将文件扩展名更改为小写,或更改CSS文件。

+0

OP提到他正在使用Mac,在这种情况下,即使在本地主机上也会失败。 – Jedi

+0

谢谢你的回复。是的,我使用Mac,并且已经像您所说的那样更改了扩展名,但它仍然不起作用。 – Johnny