Spring Boot引入LayUI CSS报错layui.js:2 http://localhost:8093/js/css/modules/layer/default/layer.css?

Spring Boot启动服务后, 访问网页出现CSS 404 错误提示

它引入的CSS却以JS开头.

正常引入的JS和CSS

HTML代码

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>IT事件管理系统</title>
    <link th:href="@{/css/layui.css}"  rel="stylesheet" type="text/css">

</head>
<body>
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
    <legend>IT事件管理系统</legend>
</fieldset>
<form class="layui-form">
    <div class="layui-form-item">
        <label class="layadmin-user-login-icon layui-icon layui-icon-username" for="LAY-user-login-username"></label>
        <input type="text" name="username" id="LAY-user-login-username" lay-verify="required" placeholder="用户名" class="layui-input">
    </div>
</form>
<!-- jQuery-->
<script th:src="@{/js/jquery-3.4.0.js}" type="text/javascript"></script>
<script th:src="@{/js/layui.js}"  type="text/javascript"></script>
<!--<script th:src="@{../js/login.js}"></script>-->
<script>
    //JavaScript代码区域
    layui.use(['form','layer'], function(){
        var form = layui.form,
        layer = layui.layer;

    });
</script>

</body>
</html>

项目结构

由于layer.css是 layUI.js自己引入的，所以找到并修改引入时的相对目录即可。

1. 打开 layui.js

2. 搜索 CSS/ 大约在 3732列

3.修改 css/ 为 ../css

修改后

这种办法仅仅针对于开发中 , 如果你的程序发布后通过Nginx代理, 静态资源从代理走, 那么应该要修改回来 , 具体视你设置的目录而定.

版权声明：本文来源CSDN，感谢博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。
原文链接：https://blog.csdn.net/Xiong_j_L/article/details/94602264
站方申明：本站部分内容来自社区用户分享，若涉及侵权，请联系站方删除。

发表于 2020-06-28 00:24:35
阅读 ( 944 )
分类：前端

Spring Boot引入LayUI CSS报错layui.js:2 http://localhost:8093/js/css/modules/layer/default/layer.css?

Spring Boot启动服务后, 访问网页出现CSS 404 错误提示

项目结构

这种办法仅仅针对于开发中 , 如果你的程序发布后通过Nginx代理, 静态资源从代理走, 那么应该要修改回来 , 具体视你设置的目录而定.

你可能感兴趣的文章

精选的优质文章

0 条评论

官方社群

GO教程

推荐文章

猜你喜欢

随便看看