html - CSS 在 ec2 中不工作

标签 html css amazon-ec2

这是我第一次尝试在 AWS ec2 上使用 html/CSS,我终于让 ec2 显示了我的 html 页面,但 CSS 无法正常工作。我搜索了很多帖子来解决问题。

当我在网页上看到控制台时,我收到了禁止消息。 forbidden 有人说是权限问题,我是这样设置目录权限的:

[ec2-user@ip-172-31-21-130 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

图片权限是这样的:

[ec2-user@ip-172-31-21-130 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

这是我在 head 标签中带有 link 标签的 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。 非常感谢!!!

最佳答案

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

关于html - CSS 在 ec2 中不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44338024/

相关文章:

phpmyadmin 无法通过 phpMyAdmin 从我的 EC2 连接到 RDS 数据库?

css - float div 在 Firefox 中表现奇怪

javascript - 单击 Font Awesome 图标时如何计算数字?

javascript - SVG 文本和图像在矩形内居中

html - 浏览器鼠标按下(并按住)然后将光标对象拖出边界,对象边框变为蓝色,我该如何控制?

amazon-web-services - 如何在单个EC2节点上安装Apache Atlas?

ubuntu - AWS EC2 忘记密码且无法使用 SSH

javascript - 是否可以链接范围和数字 HTML 输入?

css - 媒体查询优先级

html - CSS 下拉菜单