html - 找不到公共(public)目录中的图像

Question

我是新手，正在尝试从 public 目录(与我的 CSS 文件存储位置相同的目录)加载图像。

我已经尝试将图像文件存储在 public 文件夹本身，以及在 public director 中创建一个 images 文件夹，但我都没有运气方法。

编辑:

问题是在加载服务器以查看前端时图像不可见。

express 代码

app.use(express.static(__dirname + '/public'));

CSS代码示例

#photogap {
    margin-right: 15%;
    margin-left: 5%;
    height: 500px;
    padding-top: 150px;
    background: url("images/photoGapOne.jpg");
    background-size: cover;
}

文件夹目录

Test
    public
         CSS
         images
    views

Answer 1

您的 express 配置很好。

为你的 CSS 尝试这个:

background: url("/images/photoGapOne.jpg");

或者也许

background: url("./images/photoGapOne.jpg");

并考虑在文件名中使用大写字母。 photoGapOne.jpg