我的 CSS 和 JS 没有第一次加载,刷新后运行良好,我使用的是 Spring MVC

问题描述

我的 css 和 js 没有第一次加载,刷新后就可以工作了。由于其加载方式不一致,我无法找到问题,并且我一直在我的许多项目中使用这种方式。请帮忙。

<Meta charset="utf-8">
<Meta http-equiv="X-UA-Compatible" content="IE=edge">
<Meta name="viewport" content="width=device-width,initial-scale=1">
<Meta name="description" content="">
<Meta name="author" content="">
<Meta http-equiv="Pragma" content="no-cache" />
<Meta http-equiv="Cache-Control" content="no-cache" />
<Meta http-equiv="Expires" content="Sat,02 SEP 2020 00:00:00 GMT" />
<Meta name="ROBOTS" content="NONE"/>
<Meta name="GOOGLEBOT" content="NOARCHIVE"/>
<Meta http-equiv="X-XSS-Protection" content="1; mode=block" />
<Meta http-equiv="X-Content-Type-Options" content="nosniff" />
 <script src=" <c:url value="/resources/js/jquery_min_3.5.1.js" />"></script>
    <link href="<c:url value="/resources/css/jquery-ui.css" />"     rel="stylesheet" />
    <link href="<c:url value="/resources/vendor/bootstrap/css/bootstrap.min.css" />" rel="stylesheet" />
    <link href="<c:url value="/resources/css/buttons.dataTables.min.css"/>"  rel="stylesheet" />
    <link href="<c:url value="/resources/css/jquery.dataTables.min.css"/>"  rel="stylesheet" />
    <link href="<c:url value="/resources/vendor/metisMenu/metisMenu.min.css" />" rel="stylesheet" />
    <link href="<c:url value="/resources/dist/css/sb-admin-2.css" />" rel="stylesheet" />
    <link href="<c:url value="/resources/vendor/morrisjs/morris.css" />" rel="stylesheet" />
    <link href="https://fonts.googleapis.com/css?family=Roboto|Varela+Round|Open+Sans"   rel="stylesheet">
    <link rel="stylesheet"  href="https://fonts.googleapis.com/icon?family=Material+Icons">
    <link href="<c:url value="/resources/vendor/font-awesome/css/font-awesome.min.css"/>"   rel="stylesheet" />
    <link href="<c:url value="/resources/css/confirm.css"/>"    rel="stylesheet" />
    <link href="<c:url value="/resources/css/waitMe.css"/>" rel="stylesheet" />
    <link href="<c:url value="/resources/css/datepicker.css"/>" rel="stylesheet" />
    <script defer src="<c:url value="/resources/js/waitMe.js" />"></script>

我在jsp页面顶部加载了大部分css,在底部加载了脚本

     <script src="<c:url value="/resources/js/jquery.dataTables.min.js" />"></script>
    <script src="<c:url value="/resources/js/jquery-ui.js" />"></script>
    <script src="<c:url value="/resources/vendor/bootstrap/js/bootstrap.min.js" />"></script>
    <script src="<c:url value="/resources/dist/js/sb-admin-2.js" />"></script>
    <script src="<c:url value="/resources/vendor/metisMenu/metisMenu.js" />"></script>
    <script src="<c:url value="/resources/js/customscript.js" />"></script>
    <script defer src="<c:url value="/resources/js/confirm.js" />"></script>
    <script defer src="<c:url value="/resources/js/filedownload.js" />"></script>
    <script src="<c:url value="/resources/js/dataTables.buttons.min.js" />"></script>
    <script defer  src="<c:url value="/resources/js/forge.min.js" />"></script>
    <script defer  src="<c:url value="/resources/js/aes.js" />"></script>
    <script src="<c:url value="/resources/js/datepicker.js" />"></script>   

       my dispatcher servlet configuration to load resource

<mvc:resources mapping="/resources/**" location="/resources/" />

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)