在谷歌云中部署后，Angular 应用程序无法调用 Flask 服务器 API

Posted 2023-02-25

【中文标题】在谷歌云中部署后，Angular 应用程序无法调用 Flask 服务器 API

【英文标题】：Angular app can't call Flask server API after deploying in Google cloud

【发布时间】：2020-07-03 16:05:48

【问题描述】：

我在尝试练习使用 Google 云时遇到了一些问题。我正在尝试将 Flask 作为后端服务器部署到 Google 云，并将 Angular 作为前端应用程序。

但是，有一条消息 500 Server Error，并且 CORS 阻止了 Angular 应用程序对 Flask 服务器的请求。这发生在我将两者都部署在单独的 Google 云项目中之后。

我不确定是否应该在生产模式下部署服务器，但我没有这样做。有没有可能你会给我建议？

【问题讨论】：

提供有关错误发生方式的更多信息。也许一些标头数据或请求和响应的屏幕截图会有所帮助

【参考方案1】：

您应该在托管在 GCP 上的 flask 后端启用 CORS。

跨域资源共享 (CORS) 是一种允许 从另一个域请求网页上的受限资源 在提供第一个资源的域之外

查看这些资源：

https://flask-cors.readthedocs.io/en/latest/ Flask/Flask-CORS: CORS header ‘Access-Control-Allow-Origin’ missing How to enable CORS in flask

例如：

app = Flask(__name__)
CORS(app, resources=r"/*": "origins": ["http://localhost:4200", "URL_ON_GCP"])

URL_ON_GCP 是您托管后端的 URL，例如：

https://YOUR_SERVICE-dot-YOUR_APP.appspot.com（在 GAE 上）