WSL中无法直接用浏览器打开file://路径，因Linux子系统无图形界面且Windows浏览器无法读取Linux路径；正确做法是启动HTTP服务（如python3 -m http.server 8000），再在Windows浏览器访问http://localhost:8000。
WSL 里直接用浏览器打不开 file:// 路径？
不是 WSL 本身的问题，而是 Linux 子系统没有图形界面，更没有默认浏览器进程。你执行 xdg-open index.html 或直接输入 file:///home/user/index.html 到 Windows 浏览器地址栏，大概率会报错或空白——因为路径是 Linux 的，Windows 浏览器根本读不到 /home/user/ 这种路径。
正确做法：把 HTML 文件暴露给 Windows 浏览器访问
核心思路是让 Windows 主机能通过 http:// 协议访问文件，而不是依赖 file://。最轻量、最常用的方式是起一个本地 HTTP 服务：
- 确保你在 WSL 中的项目目录下（比如
/home/you/my-site/） - 运行
python3 -m http.server 8000（Python 3.7+ 自带，无需安装） - 在 Windows 的浏览器里打开
http://localhost:8000，就能看到目录列表；点开 HTML 文件即可 - 如果想指定端口或绑定地址（比如防止被局域网扫到），加参数：
python3 -m http.server 8000 --bind 127.0.0.1
注意：http.server 默认不支持路由重写、SPA 的 history 模式，纯静态页够用；要跑 Vue/React 开发服务器，得用对应框架的 CLI（如 npm run dev），它们自带服务且通常监听 0.0.0.0:3000，Windows 浏览器同样访问 http://localhost:3000 即可。
为什么不用 explorer.exe . 或 cmd.exe /c start？
这些命令确实能从 WSL 启动 Windows 资源管理器或默认浏览器，但有个致命限制：它们只能传 Windows 路径（比如 /mnt/c/Users/you/index.html），不能传原生 Linux 路径（/home/you/index.html）。而 WSL 的 /mnt/c/ 是挂载点，性能差、不支持符号链接、权限混乱，改个文件可能触发 Windows 杀软误报。所以除非你明确把 HTML 放在 /mnt/c/ 下，否则别走这条路。
立即学习“前端免费学习笔记（深入）”；
Chrome/Firefox 访问时提示“Not allowed to load local resource”？
这是浏览器安全策略，阻止网页通过 file:// 加载本地 JS/CSS/图片等资源（CORS 类型错误）。即使你硬把文件拖进浏览器，只要 HTML 里有 <script src="app.js">，就很可能白屏。唯一可靠解法就是走 HTTP 服务——http://localhost:8000 是合法跨域上下文，所有资源都能正常加载。
真正麻烦的是路径混用：有人把 HTML 放 /home/you/，却在代码里写 <img src="/mnt/c/Users/you/pic.jpg">，结果服务起来后 404。记住一条：HTTP 服务根目录 = 当前终端所在目录，所有相对路径都基于它解析。
