Springboot thymeleaf引入laui.js时路径问题

最新推荐文章于 2022-04-26 15:20:49 发布

爱洋芋的土豆丶

最新推荐文章于 2022-04-26 15:20:49 发布

阅读量403

点赞数 1

CC 4.0 BY-SA版权

分类专栏： springboot学习

本文链接：https://blog.youkuaiyun.com/weixin_45848992/article/details/117135067

springboot学习专栏收录该内容

7 篇文章

订阅专栏

本文介绍了在Thymeleaf模板中正确引用static目录下CSS和JS文件的方法，以及解决因引用错误导致的MIME类型不匹配问题。在登录页面的HTML模板中，应使用'/css/layui.css'和'/js/layui.js'来引用静态资源，而不是使用相对路径。同时，针对layui.js中加载CSS模块出现的MIME类型错误，需要查找并修正layui.js中的引用路径，确保加载的laydate.css拥有正确的MIME类型。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

thymeleaf模板引入static目录下的css文件和js文件，使用

<!DOCTYPE html>
<html lang="en">
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>登录页</title>
    <link rel="stylesheet" type="text/css" href="/css/layui.css"/>
</head>
<body></body>
<script type="text/javascript" src="/js/layui.js"></script>
</html>

而不是

<!DOCTYPE html>
<html lang="en">
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>登录页</title>
    <link rel="stylesheet" type="text/css" href="../static/css/layui.css"/>
</head>
<body></body>
<script type="text/javascript" src="../static/js/layui.js"></script>
</html>

此外，登录时网页Console报错

Refused to apply style from 'http://localhost:8080/js/css/modules/laydate/default/laydate.css?v=5.3.0' because its MIME type ('application/json') is not a supported stylesheet MIME type, and strict MIME checking is enabled.

在layui.js文件里搜索css

修改

为