【问题标题】:Error while browsing angular 8 app which is deployed in Azure浏览部署在 Azure 中的 Angular 8 应用程序时出错
【发布时间】:2020-05-16 19:24:08
【问题描述】:

请让我知道为什么我在浏览 Angular 应用程序(版本 8)时看到以下错误,我的默认应用程序在 localhost:4200 上运行,但是当我尝试在 azure 中浏览时出现错误,我正在使用 azure 应用程序服务扩展可视代码并通过它进行部署,我在部署时看不到任何错误,我读到有人提到在配置中添加端口可以解决问题,但它没有,让我知道我在这里缺少什么。

带有端口号的配置文件

Azure 日志流中的错误

【问题讨论】:

    标签: azure azure-web-app-service


    【解决方案1】:

    Azure 应用服务仅支持端口 80/443。你可以在你的代码中做app.listen(process.env.PORT);。托管节点应用程序时我遇到了类似的问题。见here

    【讨论】:

    【解决方案2】:

    在部署之前使用ng build* 命令构建 Web 应用程序。此命令将创建 dist/project-sample 目录,其中包含您的应用程序的已转译、缩小、可部署的版本。

    部署到 Azure Web App 就像右键单击 Azure App Service 扩展中的 Web 应用程序并选择“部署到 Web 应用程序”选项一样简单。扩展程序会就部署内容提出建议,但使用浏览选项选择dist/project-sample 文件夹

    Azure Web App 上的默认 Node 版本也不是您要使用的版本。幸运的是,可以使用 WEBSITE_NODE_DEFAULT_VERSION 更改节点的版本,其值为 10.16.0。环境变量。导航到 Azure Web 应用的应用程序设置页面的应用程序设置部分。

    更多详情可以参考article。顺便说一句,使用 SO thread 检查您的 web.config。

    【讨论】:

    • 感谢您的回复,我做了所有这些但仍然收到上述消息,并且网络应用正在监听 localhost:4200
    • localhost端口和azure http端口不同,不用搞混了。
    猜你喜欢
    • 1970-01-01
    • 2019-10-28
    • 2017-11-29
    • 1970-01-01
    • 2018-02-11
    • 2020-05-25
    • 1970-01-01
    • 1970-01-01
    • 2018-04-06
    相关资源
    最近更新 更多