2017-08-17 1 views
0

J'ai récemment terminé la création d'une application Vue que je souhaite déployer sur Internet. Cependant, je ne peux ouvrir le projet qu'en utilisant node et en exécutant npm run dev. Si je double-clique sur le fichier index.html, je vois juste une page blanche. Comment puis-je déployer mon site Web pour que le navigateur puisse afficher mon application Vue?Comment déployer une application Vue après avoir utilisé vue cli webpack

+1

Copie possible de [Comment déployer l'application Vue?] (Https://stackoverflow.com/questions/42936588/how-to-deploy-vue-app) – Bert

Répondre

2

Si vous utilisiez la vue-cli pour générer le projet, vous devriez pouvoir exécuter npm run build et obtenir un fichier .js unique minifié.

Voir ici: http://vuejs-templates.github.io/webpack/commands.html

Cela vous donnera un dossier dist avec index.html et build.js. Vous devriez être capable d'ouvrir le fichier html et voir votre application.

+0

J'ai exécuté npm run build et j'ai obtenu un dossier dist. Dans le dossier dist, j'ai un fichier index.html et un dossier statique. Cependant, quand je clique sur index.html, je reçois toujours une page blanche et pas mon application. –

+1

Le processus de construction vous indique que ces fichiers sont destinés à être servis par un serveur http. –

+0

La page était vide car le chemin d'accès aux fichiers était désactivé par un antislash. –