【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

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

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

相关推荐
Ticnix25 分钟前
ECharts初始化、销毁、resize 适配组件封装(含完整封装代码)
前端·echarts
纯爱掌门人28 分钟前
终焉轮回里,藏着 AI 与人类的答案
前端·人工智能·aigc
twl32 分钟前
OpenClaw 深度技术解析
前端
崔庆才丨静觅35 分钟前
比官方便宜一半以上!Grok API 申请及使用
前端
星光不问赶路人44 分钟前
vue3使用jsx语法详解
前端·vue.js
天蓝色的鱼鱼1 小时前
shadcn/ui,给你一个真正可控的UI组件库
前端
布列瑟农的星空1 小时前
前端都能看懂的Rust入门教程(三)——控制流语句
前端·后端·rust
Mr Xu_1 小时前
Vue 3 中计算属性的最佳实践:提升可读性、可维护性与性能
前端·javascript
jerrywus1 小时前
我写了个 Claude Code Skill,再也不用手动切图传 COS 了
前端·agent·claude
玖月晴空1 小时前
探索关于Spec 和Skills 的一些实战运用-Kiro篇
前端·aigc·代码规范