澄清 JavaScript 中的相对路径和绝对路径

相对路径和绝对路径是 Web 开发中的基本概念，理解它们的差异至关重要。

定义

绝对路径指定相对于根目录的位置（例如，/images/kitten.png）。另一方面，相对路径指定相对于当前工作目录的位置（例如，kitten.png）。

性能注意事项

相对路径通常更有效，因为它们不需要浏览器从根目录解析完整路径。这可以导致更快的页面加载时间。另一方面，绝对路径可能会产生不同的性能影响，具体取决于文件系统的大小和组织。

安全注意事项

如果不小心使用，相对路径可能会带来安全风险。例如，恶意制作的脚本可能会利用相对路径漏洞来访问其预期范围之外的敏感文件。为了减轻这种风险，通常建议尽可能使用绝对路径，尤其是从不受信任的来源加载资源时。

将绝对路径转换为相对路径

在 JavaScript 中，没有直接的方法将绝对路径转换为相对路径。但是，可以通过解析 URL 并提取相对于指定基本路径的路径来使用解决方法。

const absoluteUrl = 'http://www.example.com/images/kitten.png';
const baseUrl = 'http://www.example.com';
const relativePath = absoluteUrl.substring(baseUrl.length);