首页 > web前端 > js教程 > 为什么我的 Angular 服务出现 CORS 错误:'仅支持协议方案的请求:http...”以及如何修复它?

为什么我的 Angular 服务出现 CORS 错误:'仅支持协议方案的请求:http...”以及如何修复它?

DDD
发布: 2024-11-28 19:56:10
原创
217 人浏览过

Why Does My Angular Service Get a CORS Error:

CORS 错误:“请求仅支持协议方案:http...”解释和解决方法

发出 HTTP 请求时跨不同来源,由于跨来源资源共享(CORS)机制,可能会被浏览器阻止。此限制可防止来自发出请求的站点以外的来源对资源进行未经授权的访问。

在给定场景中,Angular 服务尝试从 localhost:4201/ticker 上运行的 Express 后端检索 JSON 响应。但是,请求失败并出现错误:“XMLHttpRequest 无法加载 localhost:4201/ticker。仅协议方案支持跨源请求:http、data、chrome、chrome-extension、https。”

尽管如此尝试使用 Express 服务器中的 cors 模块实现 CORS 处理,错误仍然存​​在。提供的代码片段显示,Angular 服务中使用的 URL 未指定协议方案,这导致了 CORS 错误。

要解决此问题,Angular 服务中的 URL 应更新为包含http:// 协议方案。通过在 URL 中添加“http://”,该请求将被正确解释为 HTTP 请求,从而使其能够通过 CORS 验证。

Angular 服务中更正的代码部分:

this._baseUrl = 'http://localhost:4201/';
登录后复制

进行此更改后,Angular 服务应该能够成功向 Express 后端发出请求并检索 JSON 响应,而不会遇到 CORS 错误。

以上是为什么我的 Angular 服务出现 CORS 错误:'仅支持协议方案的请求:http...”以及如何修复它?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板