.net Core 3.1 错误 404 在 CSS 中添加背景图像答案

【问题标题】：.net Core 3.1 error 404 adding background-image in css.net Core 3.1 错误 404 在 CSS 中添加背景图像
【发布时间】：2023-03-31 09:21:01
【问题描述】：

Imagem Erro

添加背景图像时出现错误 404（在控制台中）：url("/wwwroot/images/bg-01.jpg");

我所做的是使用模板重新制作登录页面，并且一切正常。但无法将图像添加到背景。

我在记事本中有一个带有纯 css 和 html 和 js 的模板，它在传递给 .net 核心时才有效。图像有错误。鉴于我没有使用 _Layout 路径是正确的，因为我测试了在带有 href:/wwwroot/images/bg-01.jpg 的 img 标签中使用它，它工作正常。我还尝试使用来自网络的正确 url 图片和同样的错误有人可以帮忙吗？

【问题讨论】：

多一点上下文，比如代码 sn-ps 会很好。你的css是从哪里加载的？前面的“/”怎么样？你的 CSS 东西是捆绑在一起的（SCSS）吗？客户端页面中呈现了什么？
我的回答有帮助吗？如果有帮助，可以标记一下吗？谢谢。

标签： css asp.net-core .net-core background-image

【解决方案1】：

你需要像url('/images/bg-01.jpg')一样使用，这里有一个演示：

wwwroot：

查看：

<div id="div1">
        <div id="div2">
            Peppa
        </div>
    </div>
 <style>
     #div1 {
         background-image: url('/images/Peppa.jpg');
         width: 279px;
         height: 181px;
     }
     #div2 {
         background-image: url('/images/green.PNG');
         width: 100px;
         height: 50px;
     }
 </style>

结果：

【讨论】：