简介
在前后端分离的开发模式中，前端需要调用后端接口，这就需要绕过跨域问题。与此同时，我们也需要对接口进行请求代理，进行本地开发测试等。npm 包 cozy-proxy 可以帮助我们解决这些问题。
cozy-proxy 的安装
安装 cozy-proxy 的命令很简单，我们只需要在命令行中输入以下内容：
npm install cozy-proxy --save-dev
然后 cozy-proxy 就可以被集成到我们的项目中。
cozy-proxy 的使用
首先，我们需要在项目根目录下创建 cozy-proxy-config.js 文件，然后在该文件中进行配置。
-- -------------------- ---- -------
-------------- - -
----- ------- -- -- ---------- ----------- ----
----------- - -- --------------------- ---- ----- ------------------ --
------- -
------- ------------------------
------------- -----
------------ -
-------- ------
-
--
-
-接下来，我们需要在项目的 package.json 文件中添加下方代码，将 cozy-proxy 注册成 npm 包并启动。
"scripts": {
"dev": "cozy-proxy",
}现在，我们只需在命令行中输入以下代码，就可以开始使用 cozy-proxy 了。
npm run dev
当 cozy-proxy 启动完成后，我们在浏览器中输入 localhost:8080 加上需要代理的接口路径，就可以访问到被代理的接口了。
cozy-proxy 的学习意义
cozy-proxy 不仅可以解决前端跨域的问题，还可以代理后端服务，这样我们在本地开发的时候就可以直接访问到后端的接口，也省去了在前端与后端协议不一致的问题。
通过 cozy-proxy 的使用，我们还可以对项目进行优化，例如对多个接口进行打包，减少网络开支，提高网站速度等。
cozy-proxy 的示例代码
在下方示例中，我们将用 cozy-proxy 代理 vue-cli 脚手架模板中的后端接口。
-- -------------------- ---- -------
-------------- - -
----- -------
----------- -
------- -
------- ------------------------
------------- -----
------------ -
-------- --
-
--
-
-我们将后端接口的端口设置为 8081，然后将所有以 /api 开头的接口进行代理，最后将所有的 /api 前缀都截掉。
当我们在本地启动脚手架后，在浏览器中输入以下网址，就可以访问到后端接口了。
http://localhost:8080/api/test
结语
通过 cozy-proxy 的应用，我们可以轻松地解决前后端跨域问题，更加方便地进行本地开发测试。并且，通过学习 cozy-proxy 的相关知识，还可以对项目进行优化，提高网站的性能和效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedb72bb5cbfe1ea061176a