IDEA SpringMVC无法加载jquery文件的解决方法

绝地灬酷狼 2023-02-22 12:24 71阅读 0赞

此文记录学习《spring+springMVC+mybatis从零开始学》过程中出现的问题。  
问题引入：web.xml配置文件中配置了springmvc过滤器，因此过滤了所有请求资源；在springmvc的配置文件中开启注解驱动以及静态资源映射，在路径正确的请求下仍然无法加载js文件，浏览器控制台出现400 bad request错误，提示$ not defined等错误信息。

项目名：chapter13  
项目结构以及配置信息如图所示：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMTEwOTg1_size_16_color_FFFFFF_t_70]  
controller类：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMTEwOTg1_size_16_color_FFFFFF_t_70 1]  
springmvc-config配置信息：  
![在这里插入图片描述][20200703154918420.png]  
jsp文件位于webapp目录下：

应用上下文如下:  
![在这里插入图片描述][20200703155053357.png]  
如果配置正确，路径也正确但是无法访问静态资源，可尝试一下办法：  
1、保持上述配置不变  
2、导入catalina包，位于tomcat的lib下，添加到项目中  
3、修改web.xml配置文件：

<servlet>
        <servlet-name>default</servlet-name>
        <servlet-class>org.apache.catalina.servlets.DefaultServlet</servlet-class>
      </servlet>
        <servlet-mapping>
        <servlet-name>default</servlet-name>
        <url-pattern>*.js</url-pattern>
      </servlet-mapping>

然后rebuild project，restart server，重新访问即可：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMTEwOTg1_size_16_color_FFFFFF_t_70 2]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMTEwOTg1_size_16_color_FFFFFF_t_70 3]  
数据成功交互，到此，已经解决了问题。  
接下来，调皮一下，把jar包以及后来修改的配置去掉，rebuild & restart，会发现，在chrome浏览器中还是正常的，这个现象很奇怪，一开始我以为是IDEA的问题。  
然后用Firefox试了一下，跟chrome不同，提示变量未定义:  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMTEwOTg1_size_16_color_FFFFFF_t_70 4]  
也就是说，还是找不到静态资源文件jquery.js文件，然而chrome浏览器是可以找到的。  
其实这是由于浏览器缓存的原因，按下Ctrl+Shift+Del，然后回车清理缓存，重新发送请求，是应答的。所以以上配置是有效的，取消注释，重新导入catalina包。重新启动容器，访问测试：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMTEwOTg1_size_16_color_FFFFFF_t_70 5]  
大功告成！

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMTEwOTg1_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200703154836413.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMTEwOTg1,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMTEwOTg1_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200703160840957.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMTEwOTg1,size_16,color_FFFFFF,t_70
[20200703154918420.png]: https://img-blog.csdnimg.cn/20200703154918420.png
[20200703155053357.png]: https://img-blog.csdnimg.cn/20200703155053357.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMTEwOTg1_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20200703160720564.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMTEwOTg1,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMTEwOTg1_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/20200703160744317.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMTEwOTg1,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMTEwOTg1_size_16_color_FFFFFF_t_70 4]: https://img-blog.csdnimg.cn/20200703161115945.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMTEwOTg1,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMTEwOTg1_size_16_color_FFFFFF_t_70 5]: https://img-blog.csdnimg.cn/20200703161603634.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMTEwOTg1,size_16,color_FFFFFF,t_70