Déployer l'application Vue.js en tant que service d'application Azure à partir de Visual Studio Code
J'ai une application Vue.js. Cette application a été créée en utilisant Vue-Cli . À l'heure actuelle, il s'agit d'une application de base "bonjour le monde". J'ai cette application en cours d'exécution sur ma machine locale. Je l'exécute en utilisant npm run serve à partir de la fenêtre Terminal dans Visual Studio Code. J'essaie maintenant de déployer cette application à partir de Visual Studio Code vers un Azure App Service.
J'ai créé un Azure App Service. J'ai également installé extension de code Azure App Service Visual Studio . De la fenêtre "Terminal" dans Visual Studio Code, j'ai entré "npm run build". Cela a créé un répertoire nommé "dist". Je clique ensuite avec le bouton droit sur ce répertoire et je choisis "Déployer vers Web App ...". Je choisis ensuite mon nom d'abonnement et de service d'application et je choisis "Déployer". Je vois une invite qui dit "Déploiement vers". "Je clique ensuite sur le bouton" Parcourir le site Web ". Cela ouvre une fenêtre de navigateur. Dans le navigateur, je vois un écran de démarrage qui dit" Hey Node = développeurs! "Cependant, je m'attendais à voir mon application Node.js. Qu'est-ce qui me manque?
Pour tenter de déployer cette application, j'ai exécuté npm run build depuis la fenêtre "Terminal". Cela a créé un répertoire "dist".
Veuillez vous référer à Local Git Deployment selon les documents Microsoft.
A défaut, vous pouvez essayer de déployer manuellement via FTP. Pour ce faire, accédez à votre portail Azure:
App Service => Deployment Center => FTP => Dashboard
Vous trouverez ensuite des informations d'identification FTPS sur cette page et tout ce que vous avez à faire est de déployer votre dossier dist jusqu'à /site/wwwroot, voir plus ici .