Разверните приложение Vue.js как службу приложений Azure из кода Visual Studio

Question

У меня есть приложение Vue.js.Это приложение было создано с использованием Vue-Cli .В настоящее время это базовое приложение "Hello World".У меня это приложение работает на моей локальной машине.Я запускаю его, используя npm run serve из окна терминала в коде Visual Studio.Сейчас я пытаюсь развернуть это приложение из кода Visual Studio в службу приложений Azure.

У меня создана служба приложений Azure.Я также установил расширение службы приложений Azure Visual Studio.В окне «Терминал» в коде Visual Studio я ввел «npm run build».Это создало каталог с именем "dist".Затем я щелкаю правой кнопкой мыши по этому каталогу и выбираю «Развернуть в Web App ...».Затем я выбираю подписку и название службы приложения и выбираю «Развернуть».Я вижу приглашение «Развертывание в». Затем я нажимаю кнопку «Обзор веб-сайта». Откроется окно браузера. В браузере отображается заставка с надписью «Привет, разработчики узлов!» Однако я ожидалчтобы увидеть мое приложение Node.js. Что мне не хватает?

При попытке развернуть это приложение я запустил npm run build из окна «Терминал». Это создало каталог «dist».

Answer 1

Пожалуйста, обратитесь к Local Git Deployment согласно Документам Microsoft.

В противном случае вы можете попытаться выполнить развертывание вручную через FTP. Вы можете сделать это, зайдя на портал Azure:

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

Затем вы найдете некоторые учетные данные FTPS на этой странице, и все, что вам нужно сделать, это развернуть папку dist до /site/wwwroot, подробнее здесь .