【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

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

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

相关推荐
狗哥哥2 小时前
Vite 插件实战 v2:让 keep-alive 的“组件名”自动长出来
前端·vue.js·架构
AAA阿giao2 小时前
代码宇宙的精密蓝图:深入探索 Vue 3 + Vite 项目的灵魂结构
前端·javascript·vue.js
徐同保2 小时前
n8n创建凭据连接Google Sheets API
前端
houyhea2 小时前
AI智能体浪潮下的前端演进:一场螺旋上升的轮回
前端·agent
LYFlied2 小时前
【每日算法】LeetCode 146. LRU 缓存机制
前端·数据结构·算法·leetcode·缓存
半桶水专家2 小时前
vue中的props详解
前端·javascript·vue.js
HIT_Weston2 小时前
65、【Ubuntu】【Gitlab】拉出内网 Web 服务:Gitlab 配置审视(九)
前端·ubuntu·gitlab
b***74882 小时前
前端的未来不是框架之争,而是数字体验能力的全面竞争
前端
Lunar*3 小时前
[开源] 纯前端实现楼盘采光模拟工具:从2D规划图到3D日照分析
前端·3d