2017-08-17 131 views
0

我最近完成了创建一个Vue应用程序,我希望在互联网上部署。但是,我只能使用节点打开项目并运行npm run dev。如果我双击index.html文件,我只会看到一个空白页。我如何部署我的网站,以便浏览器可以呈现我的Vue应用程序?如何在使用vue后部署Vue应用程序cli webpack

+1

[如何部署Vue应用程序?](https://stackoverflow.com/questions/42936588/how-to-deploy-vue-app) – Bert

回答

2

如果您使用vue-cli来生成项目,您应该能够运行npm run build并获得缩小的单个.js文件。

在这里看到:http://vuejs-templates.github.io/webpack/commands.html

这会给你index.htmlbuild.js一个dist文件夹。你应该能够打开html文件并看到你的应用程序。

+0

可能重复我跑npm运行构建,我有一个dist文件夹。在dist文件夹中,我有一个index.html文件和一个静态文件夹。但是,当我点击index.html时,我仍然得到一个空白页面,而不是我的应用程序。 –

+1

构建过程告诉你这些文件是由http服务器提供的。 –

+0

页面空白,因为文件的路径被一个反斜杠关闭。 –