браузер не может найти фоновое изображение при загрузке на сервер?

Question

Когда я запускаю следующий код jQuery, он работает просто отлично, за исключением того, что он не может найти изображение. В инструментах разработчика на хроме я получаю ошибку 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 вам нужно установить тип mime через .htaccess. Этот сайт имеет более подробную информацию SVG MIME TYPE