Embed标签无法显示SVG：链接触发下载而非展示的原因及解决方法

问题原因 #

• 你使用的GitLab原始文件链接返回的HTTP响应头Content-Type不正确，并非image/svg+xml，而是类似application/octet-stream这类触发下载的类型。浏览器会优先遵循服务器返回的响应头，而非你在embed标签里指定的type属性，因此直接触发了文件下载。
• GitLab的raw文件链接存在内容分发或防盗链策略，导致浏览器无法将其识别为可嵌入的图片资源。

解决方法 #

• 替换资源托管方式：将SVG文件上传到能正确返回image/svg+xml响应头的静态资源托管服务，或自行搭建静态服务器托管该文件，确保服务器响应头符合SVG资源的标准类型。
• 直接内嵌SVG源码：把目标SVG的完整源码直接复制到HTML中，替代embed标签，彻底避免外部链接的问题。示例代码：

<svg width="100%" height="100%" style="position: absolute; top: 0; left: 0" xmlns="http://www.w3.org/2000/svg">
    <!-- 此处粘贴SVG的全部源码内容 -->
</svg>

• 尝试替换为img标签：如果无法更换托管链接，可以尝试用img标签替代embed，部分场景下浏览器会尝试忽略响应头解析资源：

<img src="https://gitlab.com/trtarchive/webitem/-/raw/main/agt_logo-Kopya-1.svg" 
     type="image/svg+xml" 
     width="100%" 
     height="100%" 
     style="position: absolute; top: 0; left: 0" />

内容的提问来源于stack exchange，提问作者SYS CYCLE