Spring mvc 为什么jhister使用这种wierd方式通过backgorund:url（image-url）样式显示图像，以及如何使其停止？

我急切地想让jhipster服务于静态文件，但只是在某种程度上，无论jhipster应用程序的默认配置是什么，它都无法通过老式的src属性检索任何图像。 [编辑]很抱歉svg文件加载正确，我只是不正确地编写了路径。 我试图配置自己的资源处理程序

@Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        registry
            .addResourceHandler("/**")
            .addResourceLocations("/");
        super.addResourceHandlers(registry);
    }

但是似乎什么都没有改变，有人知道如何改变配置使其正常工作吗

[编辑]我可以接受这种方法，但我的问题是我无法将图像URL动态加载到backgound属性中， 这就是我想要实现的

 <div [ngStyle]="{background: 'url('+service.productImageUri+') no-repeat center top'}"></div>

---

有没有人知道如何让webpack与angular 2配合，这样当我动态加载图像url时，我就可以得到准备好的链接而不是标准链接，或者至少采取一些措施，防止webpack阻止请求到达spring引导资源处理程序。

之所以这样做，是因为这就是使用CSS精灵优化图像的方法-您可以查看有关IMG与CSS背景图像的更多信息。最初，它在我们使用的minifier中工作得更好——请注意，这是在使用Grunt，这在很久以前就被删除了，所以这可能不再是真的了

---

我完全理解这对每个人都不好，事实上这可以在我们的GitHub问题上讨论和改进，但至少这是最初的原因。

JHipster使用webpack图像解析程序，它分析应用程序的树结构，并构建将发送给客户端的包

要请求特定图像，您必须使用webpack生成的id。太明白了，你必须使用解析函数

所以我要做的是：

app.module.ts

declare function require(path:string):String;

在我必须插入图像的任何其他地方

imageUrl = require( relativePathToTheImage);

---

了解更多有关使用angular 2的网页的信息是的，谢谢，但我更感兴趣的是，让它停下来，这是问题的一部分。您能告诉我jhipster使用什么mechanizm来配置资源处理程序吗。这显然不是默认的spring boot配置您必须告诉webpack在HTML文件中重新写入图像URL，这是由HTML加载程序完成的，请参阅webpack/webpack.common.js中的配置

imageUrl = require( relativePathToTheImage);