link href 可以写局域网 ip 地址，但必须用完整协议+端口+路径（如http://192.168.1.100:8080/css/style.css）；file://形式无效，且需确保服务端返回content-type: text/css并监听0.0.0.0、放行端口、路径大小写准确。
link href 能不能写局域网 IP 地址
能，但必须用完整协议 + 端口 + 路径，例如 http://192.168.1.100:8080/css/style.css。浏览器不接受裸 IP 或 file:// 形式——file://192.168.1.100/css/style.css 会被当作本地文件路径处理，直接失败。
为什么 localhost 可以而局域网 IP 常报 CORS 或 MIME 错误
根本原因不在 link 标签本身，而在服务端响应头：
- 局域网 IP 访问时，浏览器按跨源策略检查：若服务端没返回
Access-Control-Allow-Origin，且 CSS 文件被 JS 动态注入（非原生link），可能触发 CORS 阻断；但原生link rel="stylesheet"不受 CORS 限制——它只关心Content-Type: text/css - 更常见的问题是服务端没配 MIME 类型，返回
text/plain或空类型，导致浏览器拒绝解析样式 - 确认方式：打开 DevTools → Network → 找到该 CSS 请求 → 看 Response Headers 里是否有
Content-Type: text/css
开发阶段用什么服务起局域网 CSS 服务最稳
别用双击 HTML 打开，也别依赖某些 IDE 内置的“简易服务器”（常缺 MIME 配置）。推荐以下三种之一：
-
python3 -m http.server 8000：默认返回text/css，但只支持当前目录，需把 CSS 放进同级或子目录 -
npx serve -s -l 8000（需装serve）：自动设好 MIME，支持 SPA 回退，适合多层路径 - VS Code 的 Live Server 插件：默认端口 5500，会正确设置
Content-Type，且允许局域网访问（需在插件设置中启用Enable Live Share或手动改 host）
启动后，在其他设备浏览器中访问 http://192.168.x.x:端口/index.html 即可，CSS 路径仍按 HTML 位置写相对或根路径，无需加 IP。
href 写 IP 地址时最容易漏掉的三件事
不是路径对错问题，而是部署细节：
- 服务端监听的是
0.0.0.0，不是127.0.0.1—— 后者只响应本机请求，局域网设备连不上 - 防火墙或路由器可能拦截了端口，尤其是 Windows Defender 防火墙默认阻止入站连接，需手动放行对应端口
- 路径区分大小写：Linux/macOS 服务端下
/Css/style.css和/css/style.css是两个文件，Windows 通常不敏感，但一旦部署到生产环境（大概率 Linux），大小写错误直接 404
真正卡住人的往往不是语法，而是服务端是否真在“对外说话”，以及它说的那句话浏览器愿不愿意信。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
