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"

在这里插入图片描述

参与评论 您还未登录,请先 登录 后发表或查看评论

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

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
©️2022 CSDN 皮肤主题:大白 设计师:CSDN官方博客 返回首页

打赏作者

丁大勺

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值