我最近完成了創建一個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