很抱歉，如果它如此基础，但我无法通过搜索找到答案。
如果我们在页面 http://www.example.com/a-dir-without-trailing-slash 中，我们如何到达子目录 http://www.example.com/a-dir-without-trailing-slash/pic 使用相对 URI？ (我们不知道当前目录名称(即 a-dir-without-trailing-slash)
更多解释:
a-dir-without-trailing-slash 是网站中一篇文章的名称。它不是实际目录，也不是实际文件名。现在，我想通过如下地址获取本文中使用的图片:
http://www.example.com/a-dir-without-trailing-slash/pic/1
http://www.example.com/a-dir-without-trailing-slash/pic/2
,...
在网页 html 中，我会用类似于以下的内容来引用它们:
<img src="pic/1" />
如果原文章地址是http://www.example.com/a-dir-with-trailing-slash/的形式，上面的例子就可以正常运行。我想知道是否有可能获得包含当前文章地址(没有尾部斜线)的相对 URI？
非常感谢
最佳答案
我想您希望避免在内容中硬编码“slug”，以便它们可以彼此独立地存储和操作。
一种解决方案是使用 base标记允许您指定添加到相对 URL 的前缀，而不是在整个地方键入它们。
- 确保您的网站在必要时使用绝对网址。
- 将您的 CMS 修改为“生成”并将以下标记放在包含尾部斜杠的头部部分:
<base href="/a-dir-without-trailing-slash/">
- 然后您可以在内容中使用相对 URL，例如:
<img src="pic/1">
<!-- http://www.example.com/a-dir-without-trailing-slash.html/pic/1 -->
关于html - 如何使用相对 URI 转到子目录，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27737804/