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
修改后