본문 바로가기

Article/Tip&Tech

MS Azure 웹호스팅 SVG 파일이 보이지 않을 때 ( MS Azure SVG 404 error )

도메인 셋팅 문제로 cafe24를 포기하고 문득 생각난 MS Azure Website을 사용해보기로 합니다.
설정하기가 귀찮아서 빠른 생성을 통해서 만들었더니 SVG 파일을 지원하지 않아서 이미지가 보이지가 않습니다.
(html5 빈 사이트, php 빈 사이트는 별도로 테스트를 해보지 않았습니다.)

firebug를 열어서 확인해보니 404 error.......




결론은 SVG 파일에 대한 MIME type 설정이 안되어 있어서 발생하는 문제로, web.config 파일을 열어 MIME type 설정을 해주면 해결이 됩니다.

제 경우 web.config 파일 자체가 없었는데 텍스트 파일로 만들어서 MS Azure Website의 wwwroot 디렉토리에 넣어주시면 됩니다.




<?xml version="1.0" encoding="utf-8" ?>
<configuration>
    <system.webServer>
        <staticContent>
            <mimeMap fileExtension=".svg" mimeType="image/svg+xml" />
            <mimeMap fileExtension=".svgz" mimeType="image/svg+xml" />
        </staticContent>
    </system.webServer>
</configuration>





web.config 파일을 업로드 하고 나면 아래와 같이 SVG파일에 대한 404 에러가 표시되지 않고, 정상적으로 파일을 읽을 수가 있습니다.