layui提示Refused to apply style because its MIME type is not ‘text/css’-Layui教程-PHP中文网

99%的css解析错误是因服务器返回html而非css文件，需检查network中响应内容、路径是否正确、静态资源目录配置、content-type响应头及https混合内容问题。

$layui提示refused to apply style because its mime type is not \'text/css\'$

直接访问 CSS 文件 URL 看返回内容

浏览器报这个错，99% 不是 CSS 写错了，而是根本没拿到 CSS 文件——它收到了一个 HTML 页面（比如 404、登录页、后端兜底路由页），却当成 CSS 去解析。打开 DevTools → Network 标签页 → 刷新页面 → 找到报错的 layer.css 或 layui.css 请求 → 点击它 → 查看 Response 选项卡：如果显示的是 HTML 代码（比如有、<title></title> 或登录表单），说明路径 404 了。

检查 `<link>` 的 `href` 路径是否真实存在

常见错误不是拼写错，而是路径层级算错或静态资源没放对位置：

href="./skin/layer.css" 却实际文件在 ./layer.css —— 多了一层 skin/ 目录
href="../css/layui.css" 在当前 HTML 所在目录结构里向上找一级后并不存在 css/ 子目录
用 Express / Spring Boot 等服务时，CSS 文件没放在 public/、static/ 或配置的静态资源根目录下
本地双击 HTML 文件（file:// 协议）—— 浏览器不发请求头，服务器逻辑不触发，file:// 下无 MIME 类型可言，Chrome / Edge 会直接拒载同目录 CSS

确认服务器返回的 `Content-Type` 是 `text/css`

即使路径对、文件存在，若服务端没正确设置响应头，浏览器仍会拦截：

Nginx：检查 mime.types 是否包含 text/css css;，且配置中已 include mime.types;
Express：优先用 express.static('public')，别用 res.sendFile() 不带 headers；若必须用，显式传 { headers: { 'Content-Type': 'text/css' } }
Spring Boot + Thymeleaf：确保 thymeleaf.cache: false 开启（开发时），且路径没多写 static（如 @{/static/css/layui.css} 错，应为 @{/css/layui.css}）
Python Flask：用 send_from_directory()，别用 send_file() 手动读取字符串再返回