window location获取URL问题：添加folder/生成目标链接失败求助

嘿，我来帮你搞定这个URL拼接的问题！首先，手动拼接URL路径很容易踩斜杠的坑——比如重复斜杠、缺斜杠，或者空路径时出现多余的尾巴。我先梳理下你可能遇到的问题，再给你靠谱的解决方案。

常见错误原因 #

你之前的代码大概率是没处理好斜杠逻辑，比如类似这样的写法：

const url = new URL('https://example.com/some/path');
// 错误写法：直接拼接导致缺斜杠
const link = `${url.hostname}folder${url.pathname}`;
// 结果会是 example.comfoldersome/path，完全不符合预期！

或者虽然加了斜杠，但没处理空路径的情况：

const link = `${url.hostname}/folder${url.pathname}`;
// 如果原pathname是空（比如https://example.com），结果会是 example.com/folder/（多了末尾斜杠）

靠谱的解决方案 #

推荐用原生URL对象来处理，它会自动帮你规范斜杠，避免手动拼接的错误：

// 假设你拿到的原始URL是这个
const originalUrl = new URL('https://example.com/some/path');

// 基于原hostname构造新的URL，路径加上folder前缀
const modifiedUrl = new URL(`folder${originalUrl.pathname}`, `https://${originalUrl.hostname}`);

// 得到你想要的 hostname/folder/pathname 格式
const link = `${modifiedUrl.hostname}${modifiedUrl.pathname}`;
// 输出 example.com/folder/some/path

// 如果原URL的pathname是空（比如https://example.com）
const emptyPathUrl = new URL('https://example.com');
const modifiedEmptyUrl = new URL('folder', `https://${emptyPathUrl.hostname}`);
const emptyLink = `${modifiedEmptyUrl.hostname}${modifiedEmptyUrl.pathname}`;
// 输出 example.com/folder/（如果不需要末尾斜杠，可以再加一步：emptyLink.replace(/\/$/, '')）

如果一定要手动拼接，记得做斜杠规范化：

const url = new URL('https://example.com/some/path');
const folder = 'folder';

// 把pathname开头的斜杠去掉（如果有的话），避免拼接后出现//
const cleanPathname = url.pathname.replace(/^\/+/, '');

// 拼接成最终格式，空pathname时也不会有多余斜杠
const link = `${url.hostname}/${folder}${cleanPathname ? `/${cleanPathname}` : ''}`;

这样不管原URL的pathname有没有内容，都能得到符合预期的格式啦！

内容的提问来源于stack exchange，提问作者jinko2