在前端开发中，处理 URL 是很常见的需求，我们需要对 URL 进行解析、序列化，获取其中的参数等等。urls 是一个 NPM 包，提供了对 URL 的方便处理。
安装 urls
你可以使用 npm 来安装 urls:
npm install urls --save
使用
首先，你需要引入包：
const Urls = require('urls');解析 URL
使用 Urls.parse(url) 方法可以解析 URL，并返回一个对象。以下是一个解析 URL 的示例：
const url = 'https://github.com/search?q=nodejs'; const parsedUrl = Urls.parse(url); console.log(parsedUrl);
输出：
-- -------------------- ---- ------- - --------- --------- --------- --- --------- --- ----- --- ----- ------------- ----- --- --------- ------------- ----- --- ------- ------------ ------ - -- -------- -- --------- ---------- ----- ------------------- ----- ------------------------------------ -
获取 URL 参数
我们可以使用 Urls.qs(url) 方法来获取 URL 中的查询参数，并返回一个对象。以下是一个获取 URL 参数的示例：
const url = 'https://github.com/search?q=nodejs&lang=en'; const query = Urls.qs(url); console.log(query);
输出：
{ q: 'nodejs', lang: 'en' }序列化 URL
如果你已经有了一个对象，想要将其转化为 URL 字符串，使用 Urls.format(urlObj) 方法。以下是一个序列化 URL 的示例：
const urlObj = {
protocol: 'https',
hostname: 'github.com',
pathname: '/search',
query: { q: 'nodejs', lang: 'en' }
};
const url = Urls.format(urlObj);
console.log(url);输出：
'https://github.com/search?q=nodejs&lang=en'
总结
在本篇文章中，我们介绍了如何使用 Urls 这个 npm 包来处理 URL, 包括解析URL、获取URL参数、序列化URL。希望这篇文章对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedbbe5b5cbfe1ea06119b4