简介
在前端开发中，我们经常需要判断一个 URL 是否为 HTTP 协议的地址，对于一些非 https 协议的链接，我们可能需要对它们进行特殊的处理。此时，一个名为 is-http-url 的 npm 包提供了一个简单的解决方案。
is-http-url 是一个 npm 包，它可以判断一个 URL 是否是 HTTP 协议的地址，并返回一个布尔值。
安装
你可以使用 npm 安装 is-http-url，命令如下：
npm install is-http-url
使用方法
is-http-url 提供了一个简洁的 API，允许你轻松地将其集成到你的项目中。
判断 URL 是否为 HTTP 协议的地址
is-http-url 主要提供了一个函数 isHttpUrl(url: string): boolean，它用于判断一个 URL 是否是 HTTP 协议的地址。
import isHttpUrl from "is-http-url";
console.log(isHttpUrl("https://www.google.com")); // false
console.log(isHttpUrl("http://example.com")); // true
console.log(isHttpUrl("ftp://example.com")); // false
console.log(isHttpUrl("https://example.com")); // false判断 URL 是否是 HTTPS 协议的地址
is-http-url 还提供了一个函数 isHttpsUrl(url: string): boolean，用于判断 URL 是否是 HTTPS 协议的地址。
import { isHttpsUrl } from "is-http-url";
console.log(isHttpsUrl("https://www.google.com")); // true
console.log(isHttpsUrl("http://example.com")); // false
console.log(isHttpsUrl("ftp://example.com")); // false
console.log(isHttpsUrl("https://example.com")); // true添加额外的协议名
如果你想要添加额外的协议名，可以使用 addProtocols 函数。
import { addProtocols } from "is-http-url";
addProtocols(["rtmp", "file"]);
console.log(isHttpUrl("rtmp://example.com")); // false
console.log(isHttpUrl("file://example.com")); // false移除已添加的协议名
如果你需要删除已添加的协议名，可以使用 removeProtocols 函数。
-- -------------------- ---- ------- ------ - ------------- --------------- - ---- -------------- --------------------- --------- --------------------------------------------- -- ----- -------------------------- --------------------------------------------- -- ----
总结
is-http-url 是一个非常实用的 npm 包，它可以帮助我们快速进行 URL 协议名的判断。通过学习本文，你已经掌握了如何安装和使用 is-http-url，并了解了如何添加和移除协议名。希望这篇文章对你有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/the-url-is-http