在前端开发中，解析 URL 是一个很常见的操作。而 parse-url 是一个小巧且易用的 npm 包，它可以帮助我们方便地解析 URL 中的各个部分。
安装
你可以通过 npm 或 yarn 来安装 parse-url：
--- ------- --------- - -- ---- --- ---------
使用
使用 parse-url 很简单，只需要引入包并传入 URL 字符串即可。
----- -------- - ---------------------
----- --- - ------------------------------------------------------------
----- ------ - --------------
--------------------
--
-
--------- --------
-------- -----
----- -----
----- ------------------
----- -----
--------- ------------------
----- ------------
------- ---------------
------ -
------ -------
--
--------- ----------------
----- ----------------------------
----- -----------------------------------------------------------
-
--结果会返回一个对象，其中包含了 URL 的各个部分。下面是每个属性的含义：
protocol: 协议（例如：http、https）。slashes: 是否有双斜杠（//）。auth: 认证信息（未提供则为null）。host: 主机名（包括端口号，如果提供了的话）。port: 端口号（如果提供了的话）。hostname: 主机名（不包括端口号）。hash: URL 中的哈希值（包括#符号）。search: 查询字符串（包括?符号）。query: 解析后的查询参数对象。pathname: 路径名。path: 路径名和查询字符串。href: 完整的 URL。
示例
下面是一些示例代码，演示了如何使用 parse-url 来解析 URL。
获取协议和主机名
----- - --------- -------- - - -------------- ---------------------- -- ------- ---------------------- -- -----------------
获取查询参数
----- - ----- - - -------------- ------------------- -- - ------ ------- - --
构建 URL
你也可以使用解析出来的各个部分，来构建一个新的 URL。
----- ------ - ------------------------------------------------------------------------- -------------------- -- ---------------------------------------------------
总结
使用 parse-url 可以方便地解析 URL，并获取其中的各个部分。它还能够帮助我们构建新的 URL。在前端开发中，这个包是非常实用的。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/48466