在公共目录中找不到图像

Question

我是新手，我正在尝试从public目录（存储CSS文件的同一目录）中加载图像。

我曾尝试将图像文件存储在public文件夹中，并尝试在公共导演中创建images文件夹，但是这两种方法都没有运气。

编辑：

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

快递代码

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

Answer 2

您是否尝试过这样指定路径？

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