特定HTML文件无法显示本地图片问题求助（与<base>标签相关）

• 问题根源：页面头部的 <base href="https://www.dumbellnebula.com"> 标签改变了所有相对路径的解析规则
• 具体影响：你写的 src="test2.jpg" 这类相对路径，原本指向本地同目录的图片，但加了这个标签后，浏览器会把它拼成 https://www.dumbellnebula.com/test2.jpg 去请求，而非本地文件，自然找不到
• 匹配你的现象：其他文件没这个标签，所以相对路径正常解析；复制过来的有效图片代码能显示，说明那些图片在dumbellnebula.com域名下存在，而你的本地图片不在这个服务器上，改名称后就失效

关于<base>标签的说明 #

<base> 标签的作用是给页面所有相对URL（图片、脚本、样式等）设置统一的基准地址。一旦设置，所有相对路径都会基于这个基准拼接，不再使用当前页面的本地路径。

举个例子：

• 无<base>时，本地文件里的src="test2.jpg"会指向 file:///你的本地目录/test2.jpg
• 有<base href="https://www.dumbellnebula.com">时，会变成 https://www.dumbellnebula.com/test2.jpg，服务器上没有这个文件，就只能显示替代文本

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