【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

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

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

相关推荐
你驴我18 分钟前
WhatsApp 消息撤回与编辑的幂等性设计实践
java·服务器·前端·后端·python
新中地GIS开发老师1 小时前
零基础WebGIS开发入门 | GeoJSON数据持久化
前端·javascript·gis·webgis·三维gis开发
sunywz1 小时前
【c#】 Web Deploy一键发布,IIS部署全流程
开发语言·前端·c#
宁&沉沦1 小时前
Chrome 扩展 Manifest 字段版本支持一览(全量)
前端·后端·编辑器
乖孩子2 小时前
Service Worker + IndexedDB 实践
前端
浮生望2 小时前
BFF架构实战:用Express+SSE为Vue3搭建安全的流式对话中间层
前端
先吃饱再说2 小时前
React 组件通信:从 Props 单向传递到自定义事件
前端·react.js·前端框架
swipe2 小时前
05|(前端转后全栈)不手写一堆 SQL,后端怎么操作数据库?MyBatis-Plus 入门
前端·后端·全栈
swipe2 小时前
04|(前端转后全栈)前端状态为什么不够用?从页面数据到 MySQL 持久化
前端·后端·全栈
橘子星2 小时前
别光看教程!手把手拆解 React Todo 项目,一文吃透 5 个核心概念
前端·javascript