如何在 android studio 模拟器中禁用 google chrome 的 CORS？

Question

我正在使用端口转发在 android studio 模拟器中运行我的本地主机 Web 应用程序。但从服务器我收到后端 API 的 CORS 错误。我使用 CORS 禁用扩展或通过打开禁用安全标志的 google chrome 解决了桌面上的问题。如何在移动设备或 android studio 模拟器的 google chrome 中禁用 CORS？

Answer 1

CORS 通常是您在服务器端/API 端进行调整的东西。您正在开发一个 React 应用程序，而 React 只是前端，因此您正在使用其他东西作为后端。如果您使用的是express，您只需 npm install cors 然后需要它，服务器将接受请求，或者您可以手动设置 headers。您可以使用Spring、Javalin、Flask和许多其他服务器/服务器端框架来做同样的事情。

假设您更熟悉 React 或者您无法访问后端，另一种选择是在开发时使用代理或中间件，以消除这些错误并欺骗您的后端和前端认为他们不是在谈论跨域。这是一篇关于 React 代理中间件的好文章，该中间件拦截请求并更改源。

编辑：只是为了提供更多信息，您可以像您正在做的那样使用浏览器扩展或在浏览器中设置安全标志，但这是一种绕过 CORS 保护的黑客方法，正如您所看到的，当您想要使用时使用不同的浏览器来测试您的前端，或者您可能想在不同的设备（android 模拟器）上进行测试，您会再次遇到此问题，因为这些标头是在服务器端设置的。