SSM启动时js或者css文件显示404问题

首先我们来看一个例子

我想要在网页上获取电脑当前时间来输出,于是我的前端的JS代码如下

前端的JSP代码

<%@ page contentType="text/html;charset=UTF-8" language="java" %>



    
    
    
    


欢迎您!${userName.uname}
此处为实时时间
留下让你自信满满的话吧~
注销

    账号:

    密码:
    



    账号:

    

相关的JS代码

window.onload=function ()
{
    setInterval("dataRenovate()",1000);
}
function dataRenovate()
{
    var date=new Date();
    var Year=date.getFullYear();
    var Month=date.getMonth()+1;
    var Day=date.getDate();
    var Hour=date.getHours();
    var Minute=date.getMinutes();
    var Second=date.getSeconds();
    var week=date.getDay()-1;
    var weekDataBase=['星期一','星期二','星期三','星期四','星期五','星期六','星期天'];
    var time="今天是"+Year+"年"+Month+"月"+Day+"日"+Hour+":"+Minute+":"+Second+weekDataBase[week];
    document.getElementById("nowtime").innerHTML=time;
}

当我运行程序后

 按F12查看控制台发现

为什么会出现这种情况呢?

原因在web.xml里

 我们配置的DispatcherServlet把所有的静态资源都拦截了,所以我们访问不到静态资源,也就自然报404

解决方法有两种

第一种:在web.xml里加以下代码片段,若是想也不被拦截css,可以把此行复制再把*.js写成*.css

   
        default
        *.js
    

第二种:在你的springMVC.xml内加以下片段(表示放行指定路径下指定后缀名的文件)

此时我们按照以上方法再次启动项目

 发现前端的js代码被发行后js文件发挥作用,前端显示时间,并且点击"留下让你自信满满的话把"后可以更改其中的文字

 另附点击更改文字的js代码

function leaveYourWords ()
{
	var CourageAndConfident=prompt();
	if(typeof CourageAndConfident== null || CourageAndConfident== "" || CourageAndConfident== "undefined")
	alert("留言不能为空!");
	else
	{
	document.getElementById("yourDream").innerHTML=CourageAndConfident;	
	}
}