HTML 中写绝对路径，不是拼对 URL 就完事——关键看资源从哪发起请求、服务器怎么解析、浏览器怎么加载。

绝对路径以 / 开头时，是相对于站点根目录，不是文件系统根目录

很多人以为 /images/logo.png 是“从电脑 C:\ 开始找”，其实不是。它由浏览器根据当前页面的协议 + 域名 + 端口自动补全，比如页面地址是 https://example.com/blog/post.html，那么 /images/logo.png 会被请求为 https://example.com/images/logo.png。

• 必须确保 Web 服务器（如 Nginx、Apache）把该路径真实映射到对应静态文件，否则 404
• 本地双击打开 HTML 文件（file:/// 协议）时，/xxx 会失效——浏览器会尝试读取本地磁盘根目录，通常被拒绝或 404
• 开发时用 Live Server 或 python -m http.server 启服务，才能正确解析 / 开头路径

http:// 和 https:// 开头的绝对 URL 要小心混合内容和协议锁定

写成 http://cdn.example.com/script.js 看似稳妥，但若当前页面是 https://，现代浏览器会直接拦截该请求（Mixed Content），控制台报错 Mixed Content: The page was loaded over HTTPS, but requested an insecure script。

Article To Html

文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。

下载

• 优先用协议相对 URL：//cdn.example.com/script.js（已不推荐，兼容性差且语义模糊）
• 更稳妥的做法：统一用 https://，哪怕测试环境是 HTTP，也配好反向代理或本地 HTTPS
• CDN 地址如果支持自动协议升级（如 Cloudflare），仍建议显式写 https://，避免某些老旧中间件误判

构建工具（Vite / Webpack）里写的绝对路径，实际运行时可能被重写

Vite 中写 src="/logo.svg"，开发时走 dev server 正常；但 build 后，如果配置了 base: "/my-app/"，所有 /xxx 会被自动转成 /my-app/xxx —— 这是 Vite 的行为，不是浏览器的。

立即学习“前端免费学习笔记（深入）”；

• 检查构建输出的 HTML 源码，确认路径是否符合预期部署结构
• 静态资源引用尽量用相对路径（./logo.svg）或导入方式（import logo from './logo.svg'），由打包器自动处理哈希和路径
• 如果必须用绝对路径（如 CSS 中的 background: url(/fonts/icon.woff)），需同步配置构建工具的 publicDir 或 assetsInclude

真正容易出问题的，从来不是“怎么写”，而是没想清楚“谁在解析这个路径”——浏览器？构建工具？CDN？后端模板引擎？每个环节对 / 的理解都可能不同。