通过Visual Studio Code将Vue.js App部署为Azure App Service

Question

我有一个Vue.js应用。该应用是使用Vue-Cli创建的。目前，这是一个基本的“ hello world”应用程序。我在本地计算机上运行了此应用程序。我通过使用npm run serveVisual Studio Code中的“终端”窗口来运行它。我现在正尝试将此应用程序从Visual Studio代码部署到Azure应用程序服务。

我创建了一个Azure应用服务。我还安装了Azure App Service Visual Studio Code扩展。在Visual Studio Code的“终端”窗口中，输入“ npm run build”。这创建了一个名为“ dist”的目录。然后，我右键单击该目录，然后选择“部署到Web App ...”。然后，选择我的订阅和应用程序服务名称，然后选择“部署”。我看到提示“ Deployment to”的提示，然后单击“ Browse Website”按钮。这将启动一个浏览器窗口。在浏览器中，我看到一个初始屏幕，显示“ Hey Node developers！”，但是，我期望来查看我的Node.js应用程序。我想念什么？

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

Answer 1

请参阅Microsoft 文档中的本地 Git 部署。

如果失败，您可以尝试通过 FTP 手动部署。您可以通过访问 Azure 门户来做到这一点：

App Service => Deployment Center => FTP => Dashboard

然后，您将在该页面上找到一些 FTPS 凭据，您所要做的就是将dist文件夹部署到/site/wwwroot，在此处查看更多信息。