Question

我正在 Maven 的管理下，使用 intellij想法中的 Spring Boot 在 Java 中进行项目。，并且我有时在 HTML 页面上连接 bootstrap.min.css 时遇到问题< / em>。

就我而言，此问题 自发消失 ，我无法确定其原因。甚至现在我有几个绝对相同的项目，在某些项目中这个问题仍然存在，而在另一些项目中它已经消失了。

我以与此页面https://getbootstrap.com/docs/4.3/getting-started/introduction/
相同的方式连接 bootstrap.min.css
<!DOCTYPE html> <html lang="en"> <head>  <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <title>LoginPage2</title>  <link rel="stylesheet" href="/static/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

当我转到浏览器中的页面时，控制台中会显示一条错误消息：

Refused to apply style from 'http://localhost:8081/static/css/bootstrap.min.css' because its MIME type ('application/json') is not a supported stylesheet MIME type, and strict MIME checking is enabled

Answer 1

如果您正在PC上使用本地下载的引导程序，请从链接中删除完整性和跨域。我认为这很适合您。

Answer 2

对我来说，它帮助了我

替换此代码

<link rel="stylesheet" href="/static/css/bootstrap.min.css"integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

与此

<link rel="stylesheet" href="/static/css/bootstrap.css">

从文件中删除所有评论 bootstrap.min.css 和 bootstrap.css
以防万一，请使用spring boot在项目中显式注册资源路径，例如：

@Configuration
public class StaticResourceConfig implements WebMvcConfigurer {
    private static final String[] CLASS_PATH = {"classpath:/"};

    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        registry.addResourceHandler("/**").addResourceLocations(CLASS_PATH);
    }
}

如果有弹簧安全性，请确保对资源有权限。

Answer 3

您可以尝试一下。

在链接标记中添加另外两个属性

type =“ text / css” media =“ all”

<link rel="stylesheet" href="/static/css/bootstrap.min.css"
          integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous" type="text/css" media="all">

html页面拒绝应用样式bootstrap.min.css

3 个答案: