什么是 CORS？
CORS（Cross-Origin Resource Sharing）是一种安全机制，用于限制跨域访问。当浏览器向一个不同于当前页面所在域的服务器发起请求时，CORS 会检查该请求是否被允许。如果被禁止，浏览器会报出 CORS 错误。
为什么会出现 CORS 错误？
CORS 错误通常发生在前后端分离的项目中。在这种情况下，前端代码和后端代码分别运行在不同的域中。如果前端代码向后端代码发起请求，而后端代码没有设置 CORS，那么浏览器就会报出 CORS 错误。
如何避免 CORS 错误？
启用 CORS
在 Express 中，启用 CORS 非常简单。只需要使用 cors 中间件即可。示例代码如下：
----- ------- - ------------------- ----- ---- - ---------------- ----- --- - ---------- ---------------- -- -------
使用代理服务器
如果你无法在后端代码中启用 CORS，可以考虑使用代理服务器。代理服务器是一种中间层，可以将浏览器的请求转发到后端服务器。由于代理服务器和后端服务器在同一个域中，所以不会出现 CORS 错误。
假设你的后端代码运行在 http://localhost:3000，而前端代码运行在 http://localhost:8080。你可以使用 http-proxy-middleware 模块来创建一个代理服务器。示例代码如下：
----- ------- - ------------------- ----- - --------------------- - - --------------------------------- ----- --- - ---------- ------------ ----------------------- ------- ----------------------- ---- -- -------
在上述代码中，我们将所有请求都转发到了 http://localhost:3000。
在测试环境中禁用 CORS
在测试环境中，你可以使用 chai-http 模块来测试 Express 应用程序。该模块会自动处理 CORS，因此你不需要在测试代码中做任何特殊处理。
示例代码如下：
----- ---- - ----------------
----- -------- - ---------------------
----- --- - ------------------
-------------------
--------------- -- -- -
---------- ------ ----- ----- -- -- -
----- --- - ----- ---------------------------
-------------------------------------
---
---在上述代码中，我们使用了 chai-http 模块来测试 Express 应用程序。我们只需要向 chai.request 方法传入 app，即可发起请求。chai-http 会自动处理 CORS，因此我们不需要在测试代码中做任何特殊处理。
总结
本文介绍了在使用 Mocha 测试 Express 应用程序时，如何避免 CORS 错误。我们可以通过启用 CORS、使用代理服务器或在测试环境中禁用 CORS 来避免该错误。希望本文对你有所帮助！
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65d82c3a1886fbafa45da11e