使用React根据客户端IP地址限制/允许资源

时间:2019-11-26 17:24:07

标签: javascript reactjs

我正在构建一个React应用,并且希望允许/拒绝基于客户端所在位置访问某些组件(主要是过滤IP || MAC)。

有什么方法可以限制路由,以防止客户端从Internet连接时允许访问演示文稿?


  • 我想我找到了一种替代方法,我将保持开放的态度,寻找替代方法。
  • 我读到客户端应该看不到其ip地址(浏览器安全性),并且应该在服务器端完成(这是上面文章中提到的直接方法)(任何人都可以确认)。
  • 解决方案是找到客户端的网关地址(通常使用NAT),并与我的网关地址进行比较(如果相等,它们位于LAN内)。
  • 我遇到这样的情况,我可以在计算机上查看移动电话/手机上的IP地址,我不能,需要进行调查。
getAll()

1 个答案:

答案 0 :(得分:1)

根据我刚刚阅读的内容,仅JS不能检索IP地址。您可能希望使用PHP将其存储到<head>中的JS变量中,例如

<?php echo '<script>var ip = '.$_SERVER['REMOTE_ADDR'].'</script>' ?>

通过这种方式,您的JS即可使用IP地址。

即使您可能也想使用PHP,这篇文章也可以帮助您跟踪位置。

How to get client's IP address using JavaScript?

如果您真的不想使用PHP,那么本文将使用jQuery。它确实有一个要求。我不确定性能对您有多重要。

https://www.geeksforgeeks.org/how-to-get-client-ip-address-using-javascript/

How to get client's IP address using JavaScript?