从两个绝对路径构造 JavaScript 中的相对路径

Question

给定两条绝对路径，例如

/var/data/stuff/xyz.html
/var/data

如何创建以第二条路径为基础的相对路径？ 在上面的示例中，结果将是： stuff/xyz.html

另一个例子：

/relative/sub/foo/sub/file
/relative/path
../../../path 

这类似于这个问题，但我正在寻找最佳的 JavaScript 解决方案，而不是 Java。

Answer 1

如果您在node.js的服务器上运行它：

http://nodejs.org/api/path.html#path_path_relative_from_to

这是他们的实施：

https://github.com/joyent/node/blob/master/lib/path.js#L233

这应该在浏览器中工作而不需要任何更改。 它已经过战斗测试，所以它已经处理了边缘情况。 它不是一个单行，但它完美无缺，我认为更重要。 POSIX版本也不错，如果这是你唯一认为需要支持的版本。

Answer 2

使用URL处理很容易出错，所以我强烈建议使用库来处理所有细节。

URI.js使这很简单：

URI('/var/data/stuff/xyz.html').relativeTo('/var/data');

Answer 3

JS URL API 现在应该在浏览器中处理这个问题： https://developer.mozilla.org/en-US/docs/Web/API/URL/

新网址（网址，基础）

// Base urls
let m = 'https://developer.mozilla.org';
let a = new URL("/", m);                                // => 'https://developer.mozilla.org/'