更改 Angular HTTP 调用以使用 azure 应用服务 - MEAN Stack答案

【问题标题】：Changing Angular HTTP calls to work with azure app service - MEAN Stack更改 Angular HTTP 调用以使用 azure 应用服务 - MEAN Stack
【发布时间】：2020-03-03 10:43:00
【问题描述】：

我已将我的应用部署到应用服务，但是当我尝试登录时，我收到了 502 bad gateway 错误。当我在本地测试我的应用程序时。我可以使用 http://localhost:3000/api/user/login 登录我以前从未部署到云，但认为将 API 调用替换为

https://[mywebsiteurl].azurewebsites.net/api/user/login

，但我收到 502 bad gateway 错误。

我正在用这样的快递服务我的角度文件。

  res.sendFile(path.join(__dirname, "angular", "index.html"));
});

我做错了什么。感谢您的帮助！

【问题讨论】：

如果您的服务器既要为您的 Angular 应用程序提供服务，又要公开 api 端点，为什么不只针对 api/user/login？您还可以通过 angular cli 使用 development proxy 定位相同的开发路径
有道理。这让它工作了。谢谢！
@AlexanderStaroselsky 您可以添加答案。

标签： node.js angular azure express azure-web-app-service

【解决方案1】：

为了让其他人看到答案，我总结了评论中分享的答案。

由于应用服务既服务于 Angular 应用程序又公开了 api 端点，我们可以只定位api/user/login。

此外，我们还可以通过 Angular cli 使用 development proxy 来定位相同的开发路径。

【讨论】：