我最近完成了創建一個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應用程序?
- 2. 在VUE-CLI的WebPack
- 3. 如何在vue-cli程序中使用vue-loader中的precss?
- 4. 如何使用vue-loader而不使用vue-cli
- 5. 使用rsjx和VUE-RX在VUE-CLI
- 6. 使用.vue webpack(vue2)
- 7. 通過VUE-CLI在vuejs2應用程序中使用火力點(的WebPack)
- 8. Vue Cli Webpack後臺url路徑問題
- 9. vue CLI中的webpack有什麼用處?
- 10. 如何在Web服務器上使用Webpack運行Vue cli?
- 11. 如何在vue cli項目的index.html中使用Navbar vue組件?
- 12. 使用webpack加載bootstrap vue
- 13. 如何使用vue-cli完成初始化後添加linter?
- 14. 如何使用webpack dev服務器部署Webpack應用程序?
- 15. 如何在vue-route中使用vue-i18n?
- 16. Vue公司-CLI用的WebPack添加外部CSS和JS文件
- 17. 如何調試Vue應用程序?
- 18. 部署Vue應用程序到Heroku,找不到模塊shelljs
- 19. 不能讓 './MongoDB' 與VUE-CLI和的WebPack
- 20. 如何使用requirejs生成js文件?我使用vue-cli
- 21. 當頁面刷新時,Vue + Webpack應用部署在heroku上不起作用
- 22. 如何在heroku上使用uglify後使用webpack部署angularjs應用程序
- 23. Webpack vue error
- 24. webpack更改.vue
- 25. 如何在最新的vue-cli starter項目中使用SASS/SCSS?
- 26. 使用vue-cli和webpack構建後無法加載任何css和js文件?
- 27. 使用工人裝載機VUE-CLI和的WebPack
- 28. 在webpack-simple Vue.js模板中,如何從控制檯訪問Vue應用程序?
- 29. 如何使用vue-hot-reload-api和vue-router沒有vue-loader?
- 30. Vue js Cli應用程序在另一臺計算機上運行
[如何部署Vue應用程序?](https://stackoverflow.com/questions/42936588/how-to-deploy-vue-app) – Bert