项目部署到tomcat里css,js等文件失效

项目在IDEA里面跑的好好的,到了tomcat里面样式就失效了,如何处理

其实这是我们开发中忽略了一个细节导致的,就是如果您的JavaWeb的模板使用的是thymeleaf模板的话,那么您在引入css或者js等文件的时候,一定要用下面的格式

<link rel="stylesheet" th:href="@{/css/bootstrap.css}" />
    <link rel="stylesheet" th:href="@{/css/user/parse.css}">
    <script th:src="@{/js/jquery.js}"></script>
    <script th:src="@{/js/Popper.js}"></script>
    <script th:src="@{/js/bootstrap.js}"></script>

一定要使用th:src
或者th:href
进行引用,不然的话你再IDEA里面看的一切正常,到了tomcat里面可能就不行了。

以上边是解决tomcat里样式失效的办法之一。导致样式失效,还有很多原因。我这里就不一一举出了!

路漫漫其修远兮,一起加油!

  • 2
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值