【JavaWeb】路径问题_前端相对路径问题

创建如下目录结构

index.html内容如下

启动tomcat,此时是可以正常访问的

现在如果想要正常访问view1.html里面的ts.png,不能按照如下写法

分析如下:

首先想要访问view1.html就需要请求转发

启动tomcat

访问

可以看到不能正常访问图片

原因如下:

clike 复制代码
请求转发,地址栏不会改变
当前资源 :view1Servlet
当前资源的所在路径 http://localhost:8080/demo7/
目标资源的相对路径是:../../static/img/ts.png
目标资源加载时的路径是 http://localhost:8080/demo07/../../static/img/ts.png
也就是
目标资源加载时的路径是 http://localhost:8080/static/img/ts.png

所以访问不到,需要修改一下

这样路径进行拼接时就可以访问到了

相关推荐
禅思院几秒前
大列表性能优化 · 工程实战·四
开发语言·前端·性能优化·前端框架·php·异步加载
rising start1 分钟前
五、Vue3 ref 用法 + Props 完整指南
前端·javascript·vue.js
web打印社区2 分钟前
前端html转换pdf并静默打印pdf最佳实现路径
前端·javascript·vue.js·electron·html
Curvatureflight12 分钟前
浏览器音频采集实践:麦克风权限、降噪、回声消除与 PCM 转换
前端·javascript·音视频·信息与通信·web·pcm
Dontla14 分钟前
HTML实体转义(HTML Entity Escaping)介绍
前端·html
咸鱼翻身小阿橙15 分钟前
高斯模糊降噪/磨皮算法降噪图像
前端·opencv·算法·webpack·c#
ct97816 分钟前
ES6 新特性
前端·vue.js·性能优化
KaMeidebaby23 分钟前
卡梅德生物技术快报|抗原如何自己检测?FAdV-4 重组抗原制备与 ELISA 体系技术调试指南
前端·人工智能·物联网·算法·百度
一拳不是超人26 分钟前
AI 辅助研发时代,如何用“规范 Skill”缩短测试周期
前端·人工智能·代码规范
夜郎king2 小时前
湖南高考天气查询:基于 HTML5 与百度天气 API 实现页面展示
前端·html5·百度天气实践·天气信息可视化