【问题标题】:How to deploy a Flask+React application to Azure Web Service如何将 Flask+React 应用程序部署到 Azure Web 服务
【发布时间】:2020-09-20 18:40:49
【问题描述】:

我一直在我的本地主机上开发这个应用程序,它以 Flask 作为后端 (localhost:5000) 和 React 作为前端 (localhost:3000) ,而且他们一直沟通良好。现在我应该把它放到网上,这样其他人也可以看到它——我在 Azure 方面没有太多经验,但是如何将这两个组件(React&Flask)部署到 Azure Web 应用服务上的一个 URL 中? (在我有一些使用 FTP 将“build”文件夹上传到“site/wwwroot”文件夹以建立一个没有任何后端的简单 React 应用程序的经验之前)

【问题讨论】:

    标签: reactjs azure flask azure-web-app-service


    【解决方案1】:

    最新

    经过测试,python项目部署在webapp中,react项目部署在虚拟应用中,普通node项目也部署在虚拟应用中。

    将flask python项目部署到windows环境,正常部署方式会失败,请务必按照本篇博客文档(第三方文档)操作,对我有用。

    Running Flask app with HttpPlatformHandler in Azure App Services

    效果如图。可以看到正常的node项目可以正常访问,但是react项目就不行了。我认为有一些错误。 (已提出支持票确认

    虚拟应用的部署方式推荐采用下图的发布方式。

    以前的

    创建azure web app时建议选择windows,因为windows支持虚拟应用。

    我们可以正常部署flask app,在虚拟应用中部署react app。

    一般情况下,两个webapp的process.env.port是一样的,不会因为虚拟路径而互相干扰。

    参考帖子:

    1. Vue Frontend and Express backend on same Azure web app Service

    2. Azure Front Door Is Not Maintaining Custom Domain in Browser

    【讨论】:

    • 嗨杰森,谢谢!抱歉,我在哪里可以找到 process.env.port 设置?您能否详细介绍一下虚拟应用程序?
    • @EricCai 程序中设置了节点端口设置。它可以在配置文件或代码中。一切皆有可能。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2021-11-07
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-02-13
    • 1970-01-01
    相关资源
    最近更新 更多