css - 如何正确使用 --deploy-url + css 背景 url

Question

我正在构建我的角度应用程序ng build --deploy-url="/foo/bar/"并尝试使用 css 显示背景图像background: url("url");，但是在浏览器的开发工具中，当它试图获取图像时，我看到了不正确的 url。

如果我尝试： background: url("assets/img/img.svg")或者background: url("./assets/img/img.svg") 浏览器中的请求看起来像： http://localhost:38080/foo/bar/img.svg 所以消失/assets/img/了。

如果我尝试： background: url("/assets/img/img.svg") 浏览器中的请求如下所示： http://localhost:38080/assets/img/img.svg 这是意料之中的，但谁知道我试过了..

任何想法？提前致谢

标签： cssangular

Answer 1

给出不带引号的网址，它会照顾和解决。

background: url(./assets/img/img.svg)

在我的项目中，我像在 scss 文件顶部那样做

  $svg-relative-part: "./../../../../assets/svg/";
  $grey-close: 'grey.svg';
  background: url($svg-relative-part + $grey);