简介
build-url 是针对 JavaScript 应用程序的一个 npm 包，它可以方便地构造 URL 地址，使得 URL 构建变得更加容易。build-url 可以创建 URL query 参数，设置 URL 属性、参数和哈希，并根据传入的参数构建 URL。
在前端开发中，我们经常需要构建 URL 地址，比如在发送 AJAX 请求时需要拼接参数，或者在进行页面跳转时需要传递参数。使用 build-url，你可以快速、简便地构建 URL，提高工作效率。
安装
你可以通过 npm 安装 build-url：
npm install build-url
安装后，就可以在你的项目中使用这个工具包了。
使用方法
使用 build-url 构建 URL 很容易。下面是一个例子：
-- -------------------- ---- ------- ----- -------- - --------------------- ----- ---- - ----------------------------------- - ----- --------- ------------ - ----- ------- ---- ----- -- --- ------------------展开代码
以上代码中，我们使用 build-url 构建了 URL，设置了 URL 基础路径为 https://www.example.com，并设置了 path 和 queryParams 参数。输出结果为：
https://www.example.com/person?name=john&age=30
参数说明
下面是 build-url 所支持的参数及其说明：
scheme：协议（例如：'http','https','ftp'）。host：主机（例如：'example.com'）。port：端口（例如：3000）。path：路径（例如：'/path/to/resource'）。queryParams：查询参数，一个对象，如果值是数组，那么将会拼接多个相同的参数。hash：哈希值，例如：'#top'。lowerCase：指示是否将 URL 字符串转换为小写（默认为 false）。encode：指示是否编码 URL 参数（默认为 true）。
示例
构建 URL
-- -------------------- ---- ------- ----- --- - ------------------------------- - ----- --------- ------------ - ----- ------- ---- ----- -------- ----------- ------------ -- ----- ------- --- -----------------展开代码
输出结果：
https://example.com/person?name=john&age=30&hobbies=reading&hobbies=swimming#top
拼接 URL
const baseUrl = 'https://example.com/api/users'; const userId = 123; const userUrl = buildUrl(baseUrl, { path: userId, }); console.log(userUrl);
输出结果：
https://example.com/api/users/123
结论
build-url 提供了一种简单的方式来构建 URL，使得 URL 构建变得更加容易。在现代前端开发中，构建 URL 非常重要，因为我们需要将参数传递给后端或者进行页面跳转。使用 build-url，你可以轻松地构造 URL ，提高工作效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f056c9a403f2923b035becd
