如何使SCSS中的URL在不同的Flask应用程序根目录下工作

Question

我有一个使用Flask的网站，并且我在libsass过滤器中使用了Flask-Assets。我的SCSS代码扩展了引导程序。这是我的一些SCSS代码：

@import 'bootstrap/bootstrap';


@font-face {
    font-family: AnakAnak;
    src: url("/static/anakanak.ttf");
}

这通常可以正常工作。但是，当我将Flask应用程序的APPLICATION_ROOT配置值设置为/otherpath时，字体文件现在位于/otherpath/static/anakanak.ttf，但是CSS仍指向/static/anakanak.ttf。我怎样才能解决这个问题？有什么办法可以在CSS中插入类似的内容？

src: url(url_for('static', filename='anakanak.ttf');

Answer 1

我刚刚想出了一个解决方案。由于输出的CSS文件也将是静态文件（/static/gen/XXXXXXXX.css），因此只需在CSS文件中使用相对URL：

src: url("../anakanak.ttf");