npm 包 original-url 使用教程

在前端开发中，我们经常需要获取当前网页的 URL，以便进行一些操作。例如，根据 URL 返回不同的数据，或者将 URL 作为参数传递到后端接口等。

然而，现实中会出现一些情况，例如重定向或者 URL 参数被修改等，导致我们无法直接使用浏览器提供的 location.href 获取原始的 URL。这时，我们可以使用 npm 包 original-url 解决这个问题。

安装

安装该包很简单，可以使用 npm 一键安装：

npm install original-url --save

使用

使用该包非常简单，只需要将需要获取原始 URL 的代码包在 originalUrl() 函数中即可。

以下是示例代码：

import originalUrl from 'original-url';

// 获取当前网页的原始 URL
console.log(originalUrl()); 

运行该代码后可获得当前网页的原始 URL，即使在发生重定向或者 URL 参数被修改等情况下，也能正确获取到原始 URL。

值得注意的是，该包仅适用于浏览器环境，不能用于服务器端，否则会报错。

指导意义

original-url 可以帮助我们获取最原始的 URL，即使在发生重定向或者 URL 参数被修改等情况下也不会影响结果的正确性。在开发实践中，我们经常会遇到需要获取 URL 的情况，而该包的使用可以避免我们因为 URL 发生变化而导致代码出现错误，提高代码的稳定性和可维护性。

总结

本篇文章介绍了 npm 包 original-url 的使用方法，包括安装和使用，并针对其在前端开发中的重要作用进行了说明。希望读者在阅读完本文后，能够掌握该包的使用技巧，并在开发实践中灵活运用。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/77709