将 Angular 前端连接到 Express 后端时如何修复 CORS 错误？

CORS 错误：解决“请求仅支持协议方案：http...”

尝试运行 Express 后端时并且通过 Angular 从本地主机链接检索 JSON 字符串，可能会发生“CORS”错误。该错误消息通常表示仅特定协议方案支持跨源请求。

要解决此问题，必须采取以下措施：

首先，确保在Angular Service 包含适当的协议方案。在本例中，它应该是“http”。将基本 URL 更改为：

this._baseUrl = 'http://localhost:4201/';

其次，验证 Express 服务器是否已正确配置 CORS。确保正确使用 cors 模块，并考虑为 CORS 显式设置适当的 HTTP 标头。

例如，在处理函数中，您可以添加以下代码来设置标头：

res.header('Access-Control-Allow-Origin', '*');
res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");

此外，请考虑检查浏览器控制台并检查是否有任何其他错误消息，以便进一步深入了解问题。

以上是将 Angular 前端连接到 Express 后端时如何修复 CORS 错误？的详细内容。更多信息请关注PHP中文网其他相关文章！