gpt4 book ai didi

html - ERB 文件在尝试查找本地保存的背景图像时引发 404

转载 作者:太空宇宙 更新时间:2023-11-04 07:33:53 24 4
gpt4 key购买 nike

我正在尝试更改我的 play.erb 页面的背景,但我正在努力让图像(在本地保存)显示出来。该页面在使用在线提供的占位符图像时有效。我收到的错误消息是这样的。

127.0.0.1 - - [06/Mar/2018:21:55:49 +0000] "GET/images/map.jpg HTTP/1.1"404 515 0.0137

据我了解,404 反射(reflect)了无法找到图像这一事实。

我查看了其他 SO 响应并尝试将 jpg 移动到同一目录,添加和删除引号以及添加“public”和“image”目录,但都无济于事。

谁能看出我哪里出错了?我在下面添加了代码和我的目录结构。

感谢您的宝贵时间。

#play.erb

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">

<style>
body, html {
height: 100%;
margin: 0;
}

.bg {
/* The image used */
background-image: url("/public/images/map.jpg");

/* Full height */
height: 100%;

/* Center and scale the image nicely */
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
</style>

</head>
<body>
<div class="bg"></div>
</body>
</html>

文件结构

根目录
库(目录)

库(目录)
my_app.rb, View (目录)

View (目录)
index.erb, play.erb, public(目录)

公共(public)(目录)
图片(目录)

图片(目录)
map .jpg

最佳答案

根据 http://sinatrarb.com/intro.html我的文件结构和代码存在两个关键问题。

1.) 静态文件从 ./public 目录提供。

我将我的文件结构调整为:

根目录
库(目录),公共(public)(目录)

库(目录)
my_app.rb, View (目录)

View (目录)
index.erb, play.erb, public(目录)

Public(dir) 仍然持有 images(dir) 并且 images(dir) 仍然持有 map.jpg。

2.) 请注意,公共(public)目录名称不包含在 URL 中。

我也把网址调整成这样:

背景图片:url("/images/map.jpg");

这解决了问题。

关于html - ERB 文件在尝试查找本地保存的背景图像时引发 404,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49140925/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com