javascript - 浏览器在上传到服务器时找不到背景图像？

Question

当我运行以下 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。我该如何解决这个问题？

注意:它在我的电脑上运行时运行良好，但在服务器上我遇到了这个问题。

Answer 1

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