解決SSM框架靜態資源(js,css,image)無法加載的問題(< script > 加載失敗)

 首先驗證自己的路徑是否寫錯,按住ctrl鍵,點擊你填寫的路徑,如果顯示cannot find******,無法跳轉到文件的話,說明你的路徑寫的有問題,自己通過加../來解決即可,如果自己的路徑填寫無誤,那么再使用下面的幾種方法.

方法一 : springmvc的配置中添加靜態資源過濾

<mvc:default-servlet-handler/>
或者
    <mvc:resources location="/WEB-INF/jsp/js/" mapping="/js/**" />
    <mvc:resources location="/WEB-INF/jsp/css/" mapping="/css/**" />
    <mvc:resources location="/WEB-INF/jsp/images/" mapping="/images/**" />
    將location改為你自己靜態文件所在的文件夾,否則會報紅

方法二 : 修改引用靜態資源的路徑

啟動項目,在瀏覽器右鍵檢查元素->網絡中發現:

自己的請求前面竟然被加上了user,才發現,

自己填寫的是相對路徑,相對於http://localhost:8080/user的路徑
此時,只需要將路徑改為絕對路徑即可

<link rel="stylesheet" href="http://localhost:8080/css/style.css">
或者
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"
            + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>
    <base href="<%=basePath%>">
    <meta charset="UTF-8">
    <title>Sign Up Login</title>
    <link rel="stylesheet" href="http://localhost:8080/css/style.css">
    像下圖這樣,設置相對路徑即可

方法三:

如果此時還無法請求到靜態資源,則打開項目下面的out文件夾,查看你添加的靜態資源是否已經成功的添加到out文件夾里.


如果沒有,則手動復制進去即可.