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

绝对路径

始终以固定的路径作为出发点去找目标资源,和当前资源的所在路径没有关系

语法

/开头

不同的项目中,固定的路径出发点可能不一致,可以测试一下

可以看出
/x/y/z里面的第一个/会变成http://localhost:8080/

再次测试

将该路径放在test.html中依然能够访问


放入view1.html中结果一致



对比相对路径

相对路径缺点:目标资源路径受到当前资源路径的影响,不同的位置,相对路径写法不同

绝对路径优点:目标资源路径的写法不会受到当前资源路径的影响,不同的位置,绝对路径写法一致

绝对路径缺点:绝对路径要补充项目上下文,项目上下文是可以改变的

目前可以通过如下方式解决:

复制代码
head>base>href属性,定义相对路径公共前缀,通过公共前缀把一个相对路径转换为绝对路径(不完美)
相关推荐
朱昆鹏6 小时前
开源 Claude Code + Codex + 面板 的未来vibecoding平台
前端·后端·github
lyrieek6 小时前
pgadmin的导出图实现,还在搞先美容后拍照再恢复?
前端
永远是我的最爱6 小时前
基于.NET的小小便利店前台收银系统
前端·sqlserver·.net·visual studio
从文处安6 小时前
「九九八十一难」第一难:前端数据mock指南(TS + VUE)
前端
Zhencode7 小时前
Vue3 响应式依赖收集与更新之effect
前端·vue.js
x-cmd7 小时前
[x-cmd] jsoup 1.22.1 版本发布,引入 re2j 引擎,让 HTML 解析更安全高效
前端·安全·html·x-cmd·jsoup
天下代码客7 小时前
使用electronc框架调用dll动态链接库流程和避坑
前端·javascript·vue.js·electron·node.js
weixin199701080167 小时前
【性能提升300%】仿1688首页的Webpack优化全记录
前端·webpack·node.js
冰暮流星7 小时前
javascript之数组
java·前端·javascript
晚霞的不甘8 小时前
Flutter for OpenHarmony天气卡片应用:用枚举与动画打造沉浸式多城市天气浏览体验
前端·flutter·云原生·前端框架