visual-studio-code - 从 Visual Studio Code 将 Vue.js 应用程序部署为 Azure 应用程序服务

Question

我有一个 Vue.js 应用程序。此应用程序是使用 Vue-Cli 创建的.此时，这是一个基本的“hello world”应用程序。我在我的本地机器上运行了这个应用程序。我使用 npm run serve 运行它从 Visual Studio Code 的终端窗口。我现在正在尝试将此应用程序从 Visual Studio Code 部署到 Azure 应用服务。

我创建了一个 Azure 应用服务。我也安装了Azure App Service Visual Studio Code extension .在 Visual Studio Code 的“终端”窗口中，我输入了“npm run build”。这创建了一个名为“dist”的目录。然后我右键单击该目录并选择“部署到 Web 应用程序...”。然后我选择我的订阅和应用服务名称并选择“部署”。我看到一个提示，上面写着“部署到”。然后我点击“浏览网站”按钮。这会启动一个浏览器窗口。在浏览器中，我看到一个启动画面，上面写着“嘿，Node 开发人员!”但是，我期待查看我的 Node.js 应用程序。我错过了什么？

为了部署这个应用程序，我运行了 npm run build从“终端”窗口。这创建了一个“dist”目录。

Answer 1

请引用Local Git Deployment根据 Microsoft Docs。

如果失败，您可以尝试通过 FTP 手动部署。你可以通过访问你的 Azure 门户来做到这一点:
App Service => Deployment Center => FTP => Dashboard
然后您会在该页面上找到一些 FTPS 凭据，您所要做的就是部署您的 dist文件夹最多 /site/wwwroot , 查看更多 here .