如何基于IP重定向到自定义页面

Question

我有一个Web应用程序构建，在前端使用react，在后端使用c＃。

是否可以阻止对给定IP地址范围的访问？ （基本上将这些请求路由到自定义的403页面）

我该如何实现？

Answer 1

您无法进行反应，但是可以在nginx或apache应用程序服务器的帮助下实现这一目标。

Answer 2

使用react和库react-public-ip和ip-range-check，我们可以执行以下操作：

const publicIp = require('react-public-ip')
const ipv4 = await publicIp.v4() || ''

const ipRangeCheck = require('ip-range-check')
const validIp = ipRangeCheck(ipv4, ['103.88.125.0/20', '99.118.72.122'])

if (!validIp) {
  return(<>You are in the wrong network</>)
}

我将代码留在这里以备将来参考，但这可能是一个非常糟糕的做法，因为它仍然使后端不受保护。

因此，要么在后端的中间件中进行检查，要么像Ashish提到的那样，对nginx或apache进行调整都是一个更好的选择。 （我在和你在一起挣扎）