v2ray机场推荐

中间商无处不在。 我们日常活动中使用的大部分物品都是在这些中间商的帮助下得以维持和供应的。

例如，我们使用的商品和服务的零售商和批发商只不过是中间商，他们帮助我们以更有效的方式获得所需的东西。 我们不需要与制造商见面，也不需要知道原材料的来源。

从本质上讲，这就是代理--它充当了我们的数字中间人。

• 什么是代理？
• 代理人的重要性
• 在 Next.js 应用程序中实施代理

v2ray机场推荐

代理或代理服务器在您访问的网站和您的设备之间起到中继的作用。 例如，如果考虑到代理服务器意味着您不必透露自己的真实身份，这就能为安全带来巨大好处。

就像中间人一样，代理服务器作为客户端和服务器之间的中间服务器，将客户端请求转发到资源--最好将其视为网关。 代理服务器不应被误认为是虚拟专用网络（VPN），因为虽然它们的用途可能相似，但并不相同。

电脑上的 VPN 客户端与 VPN 服务器建立安全隧道，取代本地 ISP 路由。 VPN 连接会加密和保护你的所有网络流量，而不仅仅是像代理服务器那样从浏览器调用 HTTPS。

互联网上的任何东西，要么在客户端，要么在服务器端。 你的浏览器就是客户端的一个例子；当你在 Facebook 或 Twitter 上注册时，你填写的表单字段（流量）是由服务器发送和处理的。

现在，当您尝试在互联网上做任何事情时，您的计算机（客户端）会直接与服务器通信。 这就是代理服务器可以帮助我们避免的情况。

v2ray机场推荐

v2ray机场推荐

在当今的网络安全环境下，不使用代理服务器访问网站是不安全的。 使用代理有助于保护客户信息不被泄露。

v2ray机场推荐

大多数公司或家庭都会设置防火墙，限制网络用户访问某些网站。 代理服务器可用于绕过被屏蔽的网站。 企业通常会屏蔽一些对员工数据安全有威胁的网站或将其列入黑名单。

---

v2ray机场推荐

了解更多信息 →

---

此外，许多网站都有地域限制。 在这种情况下，如果需要访问网站，代理服务器可以帮到你。

v2ray机场推荐

由于您是通过网关发送流量，这就在一定程度上实现了匿名性。

它将你的身份从客户端-服务器等式中移除，并通过只将某些数据交给中间人来实现这一目的，这些数据是服务器接收到的关于你的唯一信息。 这样，用户就可以通过使用代理服务器来保持个人信息和浏览习惯的匿名性。

v2ray机场推荐

Next.js 是建立在 Node.js 基础上的开源开发框架，可实现基于 React 的网络应用功能，如服务器端渲染和静态网站生成。

现在，我们将在一个简单的 Next.js 应用程序中尝试我们之前谈到的有关代理服务器的所有内容。 Next.js 甚至通过其改写阵列

确保您的机器上至少安装了 Node.js 12 版本。 在您的计算机上安装 Node.js 会带来 npm（Node 软件包管理器），它还会带来 npx（Node 软件包执行器），后者将用于安装 Next.js。

有些开发人员更喜欢 Yarn，它是替代 npm 的另一种选择，如果你想使用它，请继续安装。

v2ray机场推荐

在机器上输入以下命令

npx create-next-app@latest #OR yarn create next-app

无论您安装的是哪种软件包管理器，都会收到这样的提示：

撞击进入之后会提示输入项目文件夹名称。 如果点击进入同样，项目的名称将是 "my-app"。

安装完成后，进入项目目录。 这就是 Next.js 新安装的样子：

要启动它，运行

npm run dev #OR yarn dev

它将从 http://localhost:3000 开始。

你会得到类似下面的图片（我在这里做了一些小修改😏）。

在这一点上，我假设你对 Next.js 有一定程度的了解，所以我就开门见山了。 我们将使用这个应用程序（注意，它默认运行在 3000 端口；您可以随时重新配置），并让它连接到其他端口完全不同的后端服务器。

我将创建一个猫页面，从 获取有关猫的随机事实（这是一个显示有关猫的随机事实的简单 API）。

Next.js 提供了一种简单的方法。 在next.config.js,用以下代码替换里面的代码

//js module.exports = () => { const rewrites = () => { return [ { source: "/cats", destination: ", }, ]; }; return { rewrites, }; }；

改写可以将接收到的请求路径映射到不同的目标路径。

重写可以充当 URL 代理，掩盖目标路径，使用户看起来好像没有改变他们在网站上的位置。 相比之下重定向将重定向到一个新页面，并显示更改的 URL。

在上面的代码中，我们只是简单地配置了 Next.js 应用程序，这样当我们转到/猫因此，它从目的地获取数据时不会泄露。

我将继续添加另一个路由，从 获取数据（随机鸭子图像）。 我只需像这样添加另一个对象：

{ source: "/ducks", destination: ", }、

现在看起来是这样的

module.exports = () => { const rewrites = () => { return [ { source: "/cats", destination: ", }, { source: "/ducks", destination: ", }, ]; }; return { rewrites, }; }；

有了它，当我们去/ducks在您的 Next.js 应用程序上，它可以从 抓取数据，而不会显示其 URL。 以下面的图片为例：

v2ray机场推荐

恭喜您 本教程到此结束。 我们已经了解了什么是代理以及代理的效用--从代理提供的保护到代理带来的匿名性。

我们在 Next.js 中实施了一个代理，它提供了一种开箱即用的方法来实现这一目标。 有了 Rewrites，我们就能将传入的请求路径映射到不同的目标路径，并能使用一些外部 API 进行测试，然后在本地机器上修正馈送。

v2ray机场推荐

调试下一个应用程序可能很困难，尤其是当用户遇到难以重现的问题时。 如果您对监控和跟踪状态、自动显示 JavaScript 错误、跟踪缓慢的网络请求和组件加载时间感兴趣，那么您可以使用 Next 应用程序的调试功能、尝试 LogRocket.

LogRocket就像网络和移动应用程序的 DVR，记录着 Next.js 应用程序上发生的一切。 您无需猜测问题发生的原因，而是可以汇总并报告问题发生时应用程序所处的状态。 LogRocket 还能监控应用程序的性能，报告客户端 CPU 负载、客户端内存使用情况等指标。

LogRocket Redux 中间件软件包为用户会话增加了一层额外的可视性。 LogRocket 会记录 Redux 商店中的所有操作和状态。

将调试 Next.js 应用程序的方式现代化开始免费监测.