【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 分钟前
useMediaQuery:React 响应式设计完全指南
前端·javascript·面试
小金鱼Y3 分钟前
一文吃透 JavaScript 防抖:从原理到实战,让你的页面不再 “手抖”
前端·javascript·面试
Z兽兽6 分钟前
React 18 开发环境下useEffect 会执行两次,原因分析及解决方案
前端·react.js·前端框架
紫_龙8 分钟前
最新版vue3+TypeScript开发入门到实战教程之Vue3详解props
前端·vue.js·typescript
树上有只程序猿14 分钟前
这波低代码热,能维持多久
前端
姓王名礼19 分钟前
这是一个完整的全栈交付包,包含Vue3 前端交互界面(集成数字人视频流、ECharts 图表、语音对话)和Docker Compose 一键部署脚本。
前端·docker·echarts
嵌入式-老费23 分钟前
vivado hls的应用(axis接口)
前端·webpack·node.js
孟陬30 分钟前
国外技术周刊第 2 期 — 本周热门 🔥 YouTube 视频 TED 演讲 AI 如何能够拯救(而非摧毁)教育
前端·后端·程序员
小飞大王6661 小时前
从零手写 React:深度解析 Fiber 架构与 Hooks 实现
前端·react.js·架构
不甜情歌1 小时前
JS 异步:Event-Loop+async/await
前端