在前端开发中，我们经常需要拼接 URL 地址。但是有时候我们获取到的地址可能没有加上 http:// 或者 https:// 前缀，这时候就会导致访问不成功。为了解决这个问题，我们可以使用 npm 包 prepend-http。
什么是 prepend-http？
prepend-http 是一个轻量级的 JavaScript 库，它用于将给定的字符串添加 http:// 或 https:// 前缀。该库支持在浏览器和 Node.js 环境下使用。
如何安装 prepend-http？
你可以使用以下命令来安装 prepend-http：
npm install prepend-http
如何使用 prepend-http？
prepend-http 提供了一个简单的函数 prependHttp 来添加前缀。下面是一个例子：
const prependHttp = require('prepend-http');
const url1 = 'example.com';
const url2 = 'http://example.com';
console.log(prependHttp(url1)); // 输出：http://example.com
console.log(prependHttp(url2)); // 输出：http://example.com如上所示，当你传入一个字符串时，prependHttp 函数会自动判断是否需要添加前缀，如果已经有前缀则直接返回，否则添加 http:// 前缀。
此外，prepend-http 还提供了 prependHttps 函数和 prependHttpOrHttps 函数，分别用于将字符串添加 https:// 前缀和自动判断添加 http:// 或 https:// 前缀。
总结
在前端开发中，使用 prepend-http 可以方便地给 URL 地址添加前缀，避免因为缺失前缀而无法访问站点的情况。这个小而实用的 npm 包可以帮助我们提高开发效率，减少出错率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/51282