图片src属性中localhost及端口重复显示的原因排查

• 路径拼接逻辑错误：你在设置图片src时，可能已经手动添加了基础域名（如https://localhost:7229/），但服务器返回的图片路径本身已是完整绝对URL（包含域名），两者直接拼接就会导致域名重复。比如代码中如果写了src = baseUrl + imagePath，而imagePath本身就是https://localhost:7229/Images/sample-clouds-400x300.jpg，最终就会生成重复的地址。
• 未判断URL类型就统一处理：如果你的代码没有先校验获取到的路径是否为完整绝对URL，就对所有路径执行了相对路径转绝对路径的操作，会把完整URL误当作相对路径，拼接到当前域名后，造成地址重复。
• 路径格式错误：你提供的路径里用了反斜杠\，正确的URL应该用正斜杠/。如果服务器返回的是带反斜杠的路径，浏览器无法识别为完整绝对URL，会将其视为相对路径拼接到当前域名后，也会出现重复的问题。

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