Echarts图表加载不出——spring mvc引入js等文件的方式不对

初次使用echarts图表，结果加载不出来：

看到有人说

1、确保js路径引入正确
2、确保页面加载顺序无误
3、dom元素一定要指定其大小
<div id="test" style="width:400px;height:300px;"></div>

……

甚至还考虑了echarts版本问题？echarts.js和echarts.min.js的引用是否有影响？
结果都没有！！！

怎么都没想到是忽略了1、确保js路径引入正确！！

智障样的alert了半天，发现echarts.init()方法执行后就没下文了。
F12啊！用浏览器慢慢调啊！
果然在引入js的时候404了，然后查看了下路径没问题啊，tomcat下对应路径下有js啊！

然后沿着这条路百度到了,是spring mvc引入js等文件的方式不对。

 

 

 

springMVC引入js文件例子如下，css等文件同理。

一、若eclipse工作空间目录如下：
webapp
-js

-WEB-INF

对应的jsp中文件引用js：
<script type="text/javascript" src="/js/jquery/jquery.js"></script>
<script src="js/echarts/echarts.min.js"></script>
配置方式一:
web.xml
<servlet-mapping>
<servlet-name>default</servlet-name>
<url-pattern>*.js</url-pattern>
</servlet-mapping>
配置方式二：
spring-mvc.xml
<mvc:resources mapping="/js/**" location="/js/" />

 

二、若eclipse工作空间目录如下：（js等文件在WEB-INF下）
webapp
-WEB-INF

-js

对应的jsp中文件引用js：
<script type="text/javascript" src="js/jquery/jquery.js"></script>
<script src="js/echarts/echarts.min.js"></script>
配置方式一:（同上不变）
web.xml
<servlet-mapping>
<servlet-name>default</servlet-name>
<url-pattern>*.js</url-pattern>
</servlet-mapping>
配置方式二：
spring-mvc.xml改为
<mvc:resources mapping="/js/**" location="/WEB-INF/js/" />
结果方式一不能访问，方式二可以访问。