求助：添加URL参数前移除查询字符串的JavaScript实现问题

核心问题是你当前的代码没有移除原URL里的查询字符串部分，直接拼接新路径和参数时就会出现test?/def?key=value这种错误格式。下面给你两种实用的解决方案：

方案一：使用原生URL API（推荐） #

现代浏览器都支持原生URL对象，处理URL更安全不易出错，代码可读性也更高：

redirectURL: function() {
  // 用URL对象解析当前页面地址
  const currentURL = new URL(window.location.href);
  // 清空原查询字符串（包括问号）
  currentURL.search = '';
  
  // 拆分要添加的新路径与参数
  const newContent = '/def?key=value';
  const [newPath, newParams] = newContent.split('?');
  
  // 拼接新路径到原路径后
  currentURL.pathname += newPath;
  // 如果有新参数，设置到URL对象中
  if (newParams) {
    currentURL.search = newParams;
  }
  
  // 返回最终修正后的完整URL
  return currentURL.href;
}

方案二：纯字符串切割处理（兼容旧浏览器） #

如果需要兼容不支持URL对象的老旧环境，可以用字符串截取的方式实现：

redirectURL: function() {
  var currentURL = window.location.href;
  // 截取原URL中第一个问号之前的部分，彻底移除原查询字符串
  var baseURL = currentURL.split('?')[0];
  // 要拼接的新路径与参数
  var newPathAndParams = '/def?key=value';
  // 拼接得到正确格式的URL
  var finalURL = baseURL + newPathAndParams;
  
  return finalURL;
}

出错原因说明 #

你之前的代码仅提取了原查询参数的键值对，但没有移除原URL里的?符号，直接拼接新内容时，就会导致原URL的?被保留，从而出现test?/def?key=value的错误格式。上面两种方案都是先彻底移除原URL的查询部分，再拼接新内容，就能得到你期望的https://www.abcd.com/test/def?key=value。

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