如何从Angular http://localhost:4200端口调用Graph API？
我已经在Angular中创建了一个项目。我需要从SharePoint列表中获取/发布数据。
我已经创建了Microsoft Graph API App来实现同样的功能。
当我尝试使用Postman获取/发布SharePoint列表中的数据时。它工作正常。
但是，当我将这些代码集成到Angular中并在localhost上运行该项目时，会抛出下面的错误。
“CORS策略已阻止从源'http://localhost:4200‘访问位于'https://login.microsoftonline.com/{ {directoryId}}/oAuth2/v2.0/ XMLHttpRequest’的令牌:请求的资源上不存在'Access-Control-Allow- origin‘标头。”
回答 1
Stack Overflow用户
发布于 2021-09-24 10:49:34
当我们开发一个需要后端来持久化数据的Angular应用程序时，后端通常在另一个本地主机端口上提供服务。例如，指向前端Angular应用程序的URL是http://localhost:4200，而指向后端服务器的URL是http://localhost:3000。在这种情况下，如果我们从前端应用程序向后端服务器发出HTTP请求，这是一个跨域请求，我们需要做一些额外的工作来实现它。
- 在我们项目的package.json
旁边创建一个名为proxy.conf.json的文件
- 将以下内容添加到新创建的
proxy.conf.json文件中：
{ "/api"：{ "target"："http://localhost:3000"，"secure"：false }
}
- 将
package.json文件的启动脚本编辑为：
"start": "ng serve --proxy-config proxy.conf.json",
了解更多https://betterprogramming.pub/setup-a-proxy-for-api-calls-for-your-angular-cli-app-6566c02a8c4d
https://stackoverflow.com/questions/69313664
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号