使用Passport Azure AD时会出现CORS错误

Question

我拥有我的Express API服务器以及Heroku上的水疗中心。该水疗中心使用MSAL使用Azure AD身份验证。使用Passport-azure-AD确保API。一切都在我的本地主机上运作良好，并在获得成功响应的地方提出了要求。但是，在将更改上传到Heroku时，我现在会遇到CORS错误。我已经在Azure AD上注册了API，并将API暴露于我的水疗中心。我仍然会遇到错误的原因吗？

Access to fetch at 'https://myTestApp-server.herokuapp.com/getUsers' from origin 'https://myTestApp.herokuapp.com' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

Answer 1

要避免CORS错误，请确保添加标题如下：

• ，同时添加允许的起源使用 * 以允许所有类似下面的内容：

< a href =“ https://i.sstatic.net/hv95f.png” rel =“ nofollow noreferrer”>

• 否则，添加特定的起源如下：

• 在进行上述更改后，请确保重新启动 API。
• 检查您是否使用了与您正在开发和测试的运行时相匹配的nodejs的正确版本。
• 尝试通过添加 .setisoriginallowed（（（host）=＆gt; true）来修改 cors 策略
• 。下面的命令：

res.setHeader('Access-Control-Allow-Origin', '*');

或

res.setHeader('Access-Control-Allow-Origin',
https://myTestApp-server.herokuapp.com:4200');

有关更多详细信息，请请参阅下面的链接：

azure app服务no access-control-allow-allow-origin'标头

no'访问访问权限控制 - 供电-Allow-Origin'标头是在Angular App中的请求资源上存在

3种固定CORS错误的方法以及访问control-allow-allow-allow-hower header如何工作