SpringSecurity+Spring boot页面找不到样式

Question

Refused to apply style from 'http://localhost:8080/static/css/font.css' because its MIME type ('application/json') is not a supported stylesheet MIME type, and strict MIME checking is enabled.报这个错误怎么办

    <link rel="stylesheet" type="text/css" href="../static/css/font.css">
    <link rel="stylesheet" type="text/css"  href="../static/css/login.css">
    <link rel="stylesheet" type="text/css"  href="../static/css/xadmin.css">

Answer 1

让阿豪来帮你解答，本回答参考chatgpt3.5编写提供，如果还有疑问可以评论或留言

此错误提示是因为浏览器严格按照 MIME 类型检查样式表并拒绝应用不支持的 MIME 类型的样式表。解决方法是正确设置服务器发送样式表的 MIME 类型，确保其为"text/css"。可以在服务器端的配置文件中设置 MIME 类型，并重新启动服务器。例如，使用 Apache 服务器的话，在 httpd.conf 文件中添加以下代码： AddType text/css .css 这将把 CSS 文件的 MIME 类型设置为"text/css"，从而解决错误提示问题。 如果是使用 Node.js 进行开发，可以在 Express 框架的中间件中添加以下内容： app.use(express.static(__dirname + '/static', {'Content-Type': 'text/css'})); 这将指定静态文件中所有 CSS 文件的 MIME 类型为"text/css"。 案例： 在开发项目中，我遇到了类似的问题，我在服务器端设置了正确的 MIME 类型，但仍然收到错误提示。我检查了样式表的链接是否正确，是否有语法错误等，最终发现是因为我在样式表中使用了 URL 重定向，导致 MIME 类型被更改为"application/json"，从而引起错误提示。我修改了样式表中的链接，去掉了重定向，问题得到了解决。 代码： Apache 服务器配置： 在 httpd.conf 文件中添加以下代码： AddType text/css .css Node.js 中间件设置： 在 Express 框架的中间件中添加以下内容： app.use(express.static(__dirname + '/static', {'Content-Type': 'text/css'}));