如何使SCS中的URL与不同的Flask应用程序一起工作

Question

我有一个使用Flask的网站，我使用Flask资产和libsass过滤器。我的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");