摘要:但是有些工程師學過一些自以為很高深,把項目部署在靜態服務文件夾下然后啟動服務器以帶動項目。
現在vue-cli已經是前端工程師必會的框架了(沒有之一),很多前端工程師只會Vue項目的開發,并不會部署,因為大部分公司項目的部署工作是交給自己的上級或者項目管理者的,關于部署的相關知識可能大家都不甚了解,今天就給大家深入講解一下我對Vue項目部署的心得和體會!
1.Vue項目打包
vue項目的打包可能大家都不陌生,一句npm run build就完事了,打包完成后項目會生成一個“dist”文件夾,里面是打包好的“靜態文件”。那關于“靜態文件”大家可能都不陌生,前端之前的項目都是由靜態文件構成的,雖然現在前端的項目工程化了,但是;所謂“萬變不離其宗”,它的本來面目還是靜態文件而已!
2.準備靜態服務器
我們上文說到Vue打包完成后是靜態文件,因此我們部署Vue項目只需要準備一個靜態服務器即可,與PHP項目的部署無異。但是有些工程師學過一些Node.js自以為很高深,把項目部署在Node靜態服務文件夾下......然后啟動Node服務器以帶動Vue項目。大家說這種方法如何?我只能說這樣的項目只是一個“玩具”,因為Node本身就不夠強大和穩定,更何況它的靜態服務呢?
3.nginx部署
本文為大家推薦的是用nginx部署Vue項目,nginx能做的事情太多了,我們常用的有:正向代理、反向代理、負載均衡等,它的知識你想學三天三夜都學不完,之前在圖書館看到nginx的教程有那么厚,而我們用不到那么多,只需要學會用nginx部署我們的Vue項目就可以了,以下是最簡單的nginx配置:
http { include mime.types; default_type application/octet-stream; sendfile on; server { listen 80; #端口 server_name localhost; #可換成你的域名 root /var/www/vue/; #項目目錄 index index.html; } }
好了,以上就是Vue項目部署的一些知識,如果還不明白可以在博客下面留言
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/106329.html
摘要:并總結經典面試題集各種算法和插件前端視頻源碼資源于一身的文檔,優化項目,在瀏覽器端的層面上提升速度,幫助初中級前端工程師快速搭建項目。 本文是關注微信小程序的開發和面試問題,由基礎到困難循序漸進,適合面試和開發小程序。并總結vue React html css js 經典面試題 集各種算法和插件、前端視頻源碼資源于一身的文檔,優化項目,在瀏覽器端的層面上提升速度,幫助初中級前端工程師快...
摘要:并總結經典面試題集各種算法和插件前端視頻源碼資源于一身的文檔,優化項目,在瀏覽器端的層面上提升速度,幫助初中級前端工程師快速搭建項目。 本文是關注微信小程序的開發和面試問題,由基礎到困難循序漸進,適合面試和開發小程序。并總結vue React html css js 經典面試題 集各種算法和插件、前端視頻源碼資源于一身的文檔,優化項目,在瀏覽器端的層面上提升速度,幫助初中級前端工程師快...
摘要:并總結經典面試題集各種算法和插件前端視頻源碼資源于一身的文檔,優化項目,在瀏覽器端的層面上提升速度,幫助初中級前端工程師快速搭建項目。 本文是關注微信小程序的開發和面試問題,由基礎到困難循序漸進,適合面試和開發小程序。并總結vue React html css js 經典面試題 集各種算法和插件、前端視頻源碼資源于一身的文檔,優化項目,在瀏覽器端的層面上提升速度,幫助初中級前端工程師快...
閱讀 1751·2021-09-27 14:02
閱讀 3100·2021-09-27 13:36
閱讀 1046·2019-08-30 12:46
閱讀 1834·2019-08-30 10:51
閱讀 3571·2019-08-29 17:02
閱讀 940·2019-08-29 16:38
閱讀 1846·2019-08-29 16:37
閱讀 3004·2019-08-26 10:32