URL 构造函数在 url 末尾附加“/”

问题描述

我有一个网址如下：

/user/me?Feedback=${getFeedback}&showSleepSetting=${showSleepSetting}&expanded=${expandedElement}

最后一个参数 expandedElement 有时可以为空。

我将它传递给 URL()，结果会附加一个 /。我不知道为什么。

这是我看到的： /user/me?Feedback=someFeedback&showSleepSetting=somesetting&expanded=/

为什么要附加最后一个 / 以及如何在不进行字符串操作的情况下删除它？

PS：我想要做的是附加一些我作为对象 { name: 'something',age: 'something'} 获取的查询参数。一些参数已经附加。

我最终做了这样的事情：

static get(url,headers,params,cancelToken) {
    let getUrl = new URL(url ? BASE_URL + url : "");

    Object.keys(params).forEach(key =>
      getUrl.searchParams.append(key,params[key])
    );

    const options = { cancelToken,params };
    return this.xhr("GET",getUrl,null,options);
}

但是因为附加了一个额外的 /。最后我得到了错误的网址

/user/me?Feedback=someFeedback&showSleepSetting=somesetting&expanded=/&param1=something

我在这里遗漏了什么吗？

get(url,options);
}

this.get("https://localhost:8080/user/me?Feedback=getFeedback&showSleepSetting=showSleepSetting&expanded=",{},{ name: "Harry" },"abcqwerty")

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）