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

我也为找到get(int i)的angular.json文件尝试了此操作：

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

没有任何改变。还将部分sass到主要样式的线放在一起。sass不起作用。使它起作用的唯一方法是通过使用js设置背景图片，这是我不喜欢的，因为样式应该放在样式表中，而应用程序代码应该在打字稿文件中。有人知道我在做什么错吗？提前非常感谢您！

ng构建后无法解析Angular 6图像路径

0 个答案: