我最近完成了创建一个Vue应用程序,我希望在互联网上部署。但是,我只能使用节点打开项目并运行npm run dev。如果我双击index.html文件,我只会看到一个空白页。我如何部署我的网站,以便浏览器可以呈现我的Vue应用程序?如何在使用vue后部署Vue应用程序cli webpack
回答
如果您使用vue-cli来生成项目,您应该能够运行npm run build
并获得缩小的单个.js文件。
在这里看到:http://vuejs-templates.github.io/webpack/commands.html
这会给你index.html
和build.js
一个dist
文件夹。你应该能够打开html文件并看到你的应用程序。
可能重复我跑npm运行构建,我有一个dist文件夹。在dist文件夹中,我有一个index.html文件和一个静态文件夹。但是,当我点击index.html时,我仍然得到一个空白页面,而不是我的应用程序。 –
构建过程告诉你这些文件是由http服务器提供的。 –
页面空白,因为文件的路径被一个反斜杠关闭。 –
- 1. 在VUE-CLI的WebPack
- 2. 使用rsjx和VUE-RX在VUE-CLI
- 3. Vue Cli Webpack后台url路径问题
- 4. 如何在Web服务器上使用Webpack运行Vue cli?
- 5. vue CLI中的webpack有什么用处?
- 6. 使用webpack加载bootstrap vue
- 7. 如何使用webpack dev服务器部署Webpack应用程序?
- 8. 如何在vue-route中使用vue-i18n?
- 9. Vue公司-CLI用的WebPack添加外部CSS和JS文件
- 10. 部署Vue应用程序到Heroku,找不到模块shelljs
- 11. 如何调试Vue应用程序?
- 12. 如何在heroku上使用uglify后使用webpack部署angularjs应用程序
- 13. 当页面刷新时,Vue + Webpack应用部署在heroku上不起作用
- 14. 不能让 './MongoDB' 与VUE-CLI和的WebPack
- 15. 使用vue-cli和webpack构建后无法加载任何css和js文件?
- 16. Webpack vue error
- 17. webpack更改.vue
- 18. 使用工人装载机VUE-CLI和的WebPack
- 19. 如何部署使用angular-cli构建的angular2应用程序
- 20. 如何使用vue-hot-reload-api和vue-router没有vue-loader?
- 21. 如何在VS代码中调试vue js应用程序?
- 22. Vue和webpack警告
- 23. 使用VUE
- 24. 如何从vue-cli webpack-simple项目中提取css文件?
- 25. main.js如何链接到Vue-cli webpack模板中的Index.html
- 26. 当启动Framework7时,'Dom7未定义'错误 - 使用Webpack的Vue应用程序
- 27. 如何在Azure上部署Angular2 + Webpack应用程序?
- 28. Vue公司cli来在Android
- 29. 如何在github上部署angular2 cli应用程序?
- 30. 使用vue项目部署到github页面的问题
[如何部署Vue应用程序?](https://stackoverflow.com/questions/42936588/how-to-deploy-vue-app) – Bert