上传到服务器时浏览器找不到背景图像？答案

【问题标题】：browser cant find background-image when uploaded to server?上传到服务器时浏览器找不到背景图像？
【发布时间】：2015-08-15 20:26:34
【问题描述】：

当我运行以下 jQuery 代码时，它工作得很好，只是它找不到图像。在 chrome 上的开发人员工具中，我收到 404 错误。

jQuery:

$('.pg-nav a, .pg-nav-img').hover(
  function() {
    $('.pg-nav a').css('color', '#0087CD');
    $('.pg-nav-img').css('background-image', 'url(../images/page-nav-icon-blue.svg)')
  }, function() {
    $('.pg-nav a').css('color', '');
    $('.pg-nav-img').css('background-image', '')
  });

查看来自this thread 的答案，我意识到MIME 类型出现为text/html 而不是image/svg+xml。我该如何解决这个问题？

注意：在我的电脑上运行它工作得很好，但是一旦在服务器上我遇到了这个问题。

【问题讨论】：

标签： javascript jquery css svg mime-types

【解决方案1】：

看起来对于 SVG，您必须通过 .htaccess 设置 mime 类型。本站有更多详情SVG MIME TYPE

【讨论】：

感谢您的链接，虽然插入 .htaccess 文件后，我仍然遇到同样的问题。
.htaccess 是 Apache 的东西。如果您不使用 Apache，则必须以不同的方式配置 MIME 类型。如果您正在运行 Apache，那么您可能必须在服务器配置中启用 .htaccess 文件。