首页 >web前端 >js教程 >如何修复 Angular 和 Express 中的'XMLHttpRequest 无法加载...请求仅支持协议:http、数据...” CORS 错误?

如何修复 Angular 和 Express 中的'XMLHttpRequest 无法加载...请求仅支持协议:http、数据...” CORS 错误?

Patricia Arquette
Patricia Arquette原创
2025-01-02 19:32:38256浏览

How to Fix

CORS 错误:“XMLHttpRequest 无法加载...请求仅支持以下协议:http、数据...”

问题:

尝试通过 Angular 服务从 Express 访问 JSON 字符串时后端,用户可能会遇到以下 CORS 错误:“XMLHttpRequest 无法加载 localhost:4201/ticker。跨源请求仅支持协议方案:http、data、chrome、chrome-extension、https。”

回答:

在请求中使用不正确的 URL 协议时会出现此错误。要解决此问题,请确保在 URL 中明确指定协议。

在这种特定情况下,解决方案是在 Express 后端的 localhost 地址前添加“http://”,如下所示:

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

这可确保使用正确的 URL 格式来满足请求并解决 CORS 错误。

以上是如何修复 Angular 和 Express 中的'XMLHttpRequest 无法加载...请求仅支持协议:http、数据...” CORS 错误?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn