发牢骚---eclipse下ssm框架中js、css、images引用不上

郁闷,原以为把html写好了,放到eclipse里就行了,结果问题一堆堆的。总结如下:

1.html调用不了,需要改成jsp才能访问

2.jsp显示乱码,调整eclpse默认编码,将html内容重新拷贝进来

3.jsp在eclipse中预览显示html,不是完整的样式结构,在浏览器中访问,访问不到样式文件,截图如下:发牢骚---eclipse下ssm框架中js、css、images引用不上_第1张图片

 

    首先,确定html页面上引用的css,image,js资源是否正确。

    朋友说,css,image,js不需要在WEB-INF下面,直接放在wepapp下面,更改后如下图。

资源位置:

发牢骚---eclipse下ssm框架中js、css、images引用不上_第2张图片

显示效果:

发牢骚---eclipse下ssm框架中js、css、images引用不上_第3张图片

注意路径中间多了个tjsite,正确的应该是http://localhost:8080/my_site/css/index.css.查看html页面,如下图:发牢骚---eclipse下ssm框架中js、css、images引用不上_第4张图片

需要控制页面的根路径为某固定路径下,添加basepath,添加后,页面正常显示,如下:

html页面如下:

发牢骚---eclipse下ssm框架中js、css、images引用不上_第5张图片

页面效果如下:

发牢骚---eclipse下ssm框架中js、css、images引用不上_第6张图片

 

过程中遇到奇怪的问题,我在网上搜js,css访问不到时,有人提供的方案里,有在spring-mvc.xml 中添加代码:

      
  

如下图:发牢骚---eclipse下ssm框架中js、css、images引用不上_第7张图片

添加如上代码后,页面显示不出来了,报404错误,如下:发牢骚---eclipse下ssm框架中js、css、images引用不上_第8张图片

请教大神后发现:在spring-mvc.xml 添加      页面访问正常。spring-mvc.xml的配置如下:


 
       
    
           	
  
    
      
        
           
      
	
    
    


现在,在html页面可以将css的访问路径从

改为,此时页面又加载不上这个main.cs了,截图如下:发牢骚---eclipse下ssm框架中js、css、images引用不上_第9张图片

 

查找原因:需要把web.xml里将如下代码删掉,页面显示正常。发牢骚---eclipse下ssm框架中js、css、images引用不上_第10张图片

ok,问题解决,可以也用style/main.css访问,也可以用css/main.css访问。

 

 

你可能感兴趣的:(发牢骚---eclipse下ssm框架中js、css、images引用不上)