angular - ng build后无法解析Angular 6图像路径

Question

这不是我的第一个 Angular 6 项目，但我不知道为什么我的图像在 ng 构建后无法解析。图像被添加到部分 sass 文件中，如下所示：

#login-container
    background: linear-gradient(rgba(255,255,255,0.1), rgba(255,255,255,0.6)),url("/assets/harry.jpg")
    background-size: cover !important
    height: 66vh

在开发服务器上，我在登录屏幕上看到了图片，虽然我得到了一个：

GET http://marco.codefactory.live/assets/harry.jpg 404 (Not Found)

我正在这样构建它：

sudo ng build --base-href ./

我还为路径尝试了这些变体：

url("/../assets/harry.jpg") //did compile but did not work on webserver
url("./assets/harry.jpg") //didn't compile
url("./../assets/harry.jpg") //didn't compile
url("assets/harry.jpg") //didn't compile

我也尝试了这里找到的 angular.json 文件：

 "assets": [
              { "glob": "**/*", "input": "src/assets/", "output": "/assets/" },
              { "glob": "favicon.ico", "input": "src/", "output": "/" },
            ],

没有改变任何东西。也将部分 sass 中的线条放到主要的 styles.sass 中不起作用。使其工作的唯一方法是使用 js 设置背景图片，我不喜欢，因为样式应该转到样式表，应用程序代码应该转到 typescript 文件。有人知道我在做什么错吗？非常感谢您！

标签： angular