在前端开发中，我们经常需要使用到代理（proxy）功能来解决跨域问题。@longjs/proxy 是一个方便易用的 npm 包，它提供了一种灵活的方式来设置代理。
安装
使用 npm 安装 @longjs/proxy：
npm install @longjs/proxy --save-dev
使用方法
使用 @longjs/proxy 非常简单，只需要在 webpack-dev-server 的配置中添加一个 proxy 选项即可。
-- -------------------- ---- -------
----- ---- - ----------------
----- ------- - -------------------
----- ----------------- - -------------------------------
----- - ----- - - -------------------------
-------------- - -
----- --------------
------ -
---- ----------------
--
---------- -
------------ -------------------- --------
--------- -----
----- -----
------ --- -------
------- - ------- -------------------------- ------------- ---- --
------- - ------- -------------------------- ------------- ---- -
--
--
-------- -
--- -------------------
--------- ------------------
--
-
--在上述示例中，我们创建了两个代理规则，分别是 /api 和 /foo，它们分别代理了 https://api.example.com 和 https://foo.example.com 的请求。changeOrigin 参数用于设置是否改变请求的来源（Origin）。
高级用法
修改请求路径
有时候我们需要修改请求的路径，@longjs/proxy 也可以轻松实现。
const { Proxy } = require('@longjs/proxy');
const proxy = new Proxy({
'/api': { target: 'https://api.example.com', pathRewrite: { '^/api': '' } }
});在上述示例中，我们使用 pathRewrite 参数将 /api 前缀去掉。这样，请求 /api/users 就会转发到 https://api.example.com/users。
处理重定向
有时候代理服务器返回的响应会包含重定向信息，@longjs/proxy 提供了一个 followRedirects 选项来控制是否跟随重定向。
const { Proxy } = require('@longjs/proxy');
const proxy = new Proxy({
'/api': { target: 'https://api.example.com', followRedirects: false }
});在上述示例中，我们设置 followRedirects:false，这样代理服务器返回的重定向响应将被忽略。
结语
使用 @longjs/proxy，我们可以轻松地设置代理规则，解决跨域问题。它提供了灵活的高级功能，可以满足各种需求。希望本文对你的前端开发工作有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600668e4d9381d61a3540a97