web项目jsp文件中引用文件的路径问题

web项目中的路径都是以项目路径为根目录。
在jsp中引用文件时,最好使用绝对路径(即以项目路径为根目录的路径)。
项目完整根目录为:http://ip:port/applicationContext/ (其中,applicationContext为配置artifact时填写的路径,如下图所示)
例如 http://10.20.82.19:8087/apollo-web/web/hello.action在这里插入图片描述

在jsp中需要引用项目中的静态文件(.js/.css/图片)

引用静态文件时,应当从项目根目录(即applicationContext)写起:
若项目根目录为 “/apollo-web”,假如我的图片放在webapp/imagesTEST/目录下,我要在jsp文件中引用该目录下的图片时,应该这样写

<img class="controls" style="width:40px;height:40px;" src="/apollo-web/imagesTEST/noImg.jpg" />

引用其他静态文件(如.js或.css文件)也是同理。

在这里插入图片描述

在jsp中引用本地(非项目)文件

方法:IDEA中支持虚拟路径,可以将项目路径映射为本地路径,专门用于访问静态资源。
具体操作如下:

  1. 点开tomcat配置
    在这里插入图片描述
    2.选择deployment,点击右侧的“+”,选择“external sources”
    在这里插入图片描述
    3.选择本地的静态文件所在目录,并为其设置“application context”。使用该目录下的文件时,路径写法即为
    项目的applicationcontext + 该文件的applicationContext + 文件名,例如 "/apollo-web/imagesTEST/noImg.jpg"

在这里插入图片描述

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值