zoukankan      html  css  js  c++  java
  • IDEA中Javaweb项目图片加载不出来解决方案

    针对IDEA中Javaweb项目中无法加载图片

    一、项目的结构及问题介绍

    1. 项目结构如下:

    image-20200903162037770

    1. 在500.jsp页面中访问了img目录下的相关图片,比如背景图片,我在500.jsp中是这样写的路径

       background: url(../img/500.png) 0 0 no-repeat;

      虽然在IDEA中能够正常的预览到图片,但是在生成项目的war包时,项目的目录结构却会发生变化,可能与我创建项目的方式有关,我这生成的结构还是和源码中的结构一样,即error/500.jspimg/500.png,此时文件所在的文件夹还是同级目录,但是在500.jsp却就是无法访问到这个图片

    二、解决方案

    这个问题的解决方案就是加上web应用的Application context地址,具体的意思就是网站应用的首页地址,这个具体的地址要看你的Tomcat配置。

    1. 查找项目对应的Application context,操作捕捉如下

      • image-20200903163438786

      • image-20200913213226039

    2. 按照上图的步骤就找到了你的项目的application context,然后接下在你要访问的图片地方,将其路径改为:

       url(/你的项目application context/你的图片的路径地址)

      比如我上面的一个错误无法访问图片的例子

       background: url(../img/500.png) 0 0 no-repeat;

      修改之后的应该是这样的:

       background: url(/Javaweb_jsp_war_exploded/img/500.png) 0 0 no-repeat;
    3. 再次重新启动项目,然后就可以看到页面中可以正常显示图片了,加油啊!

    补充:

    可以将application context设置为 /,那么上面的路径地址为:

     background: url(/img/500.png) 0 0 no-repeat;

     

    保持对优秀的热情
  • 相关阅读:
    WeX5那些坑
    项目总结-微信公众平台Html5
    项目总结-APP中的HTML5
    夜幕团队成员的工资究竟几 K ?
    Docker竟然还能这么玩?商业级4G代理搭建实战!
    今天,大佬云集的夜幕团队正式成立了!
    InnoDB物理行中null值的存储的推断与验证
    探究InnoDB数据页内部行的存储方式
    DAO模式
    JDBC
  • 原文地址:https://www.cnblogs.com/luckforefforts/p/13642687.html
Copyright © 2011-2022 走看看