生产节点应用程序找不到SVG文件

Question

在我的本地开发应用程序中，使用以下代码显示svg文件（大括号嵌入了Angular.js变量）：

<img ng-src="img/servant_{{servant.personality}}.svg" draggable="false">

但是当部署在Heroku上时，SVG文件会产生404：

Failed to load resource: the server responded with a status of 404 (Not Found)

Angular变量正在生产网站上运行，图像地址准确无误。所以，这不是问题所在。

相反，我认为我的Node / Express应用程序可能无法提供SVG文件。也许它是一个Heroku问题？仅供我使用MEAN堆栈。

以下是我的公用文件夹的配置：

 //Setting the fav icon and static folder
        app.use(express.static(config.root + '/public'));

图片在

中

public/img

有什么想法吗？

Answer 1

确保您配置了正确的mime类型来提供SVG文件。如果未设置所请求文件类型的mime，则某些服务器仅响应404。

图像/ SVG + xml的