15 Vue項目部署

前言：

　　VUE 是一個javascript的前端框架，註定了它是運行在瀏覽器裏的，對服務器本地沒有任何要求，只要一個靜態文件服務器能經過http訪問到其資源文件就足矣！不管你是用apache ,ngnix 就算你要用node 本身實現一個靜態文件服務器，也用不了多少行代碼。

　　npm run dev 是用來在本地開發的時候作調試用的，vue開發的是前端的東西，不是nodejs 服務端程序，按道理講，生產環境裏就不應存在npm，甚至nodejs也不須要（用nodejs來作web靜態服務的除外）運行npm run dev 來啓動哪是開發機上作的調試的事情。

　　正確部署的作法很簡單，經過npm run build 把生成的文件夾裏的內容上傳到http服務器上就能夠經過 http來訪問了，開發機上正常，上傳之後 程序出現錯誤不能運行的緣由99.99%的可能性是你引用資源的路徑有問題。

　　通常若是vue框架的程序上傳到網站服務器的根目錄下是不 會有問題的，也不存在資源文件引用錯誤的狀況，但若是你不是根目錄，就會有問題。

 

部署起來很簡單：

1： 進入到項目的文件夾： 運行 npm  run build

2:   會生成 manage文件夾， 

 

 看一下static文件夾包含的東西：主要就是CSS， fonts字體和JS, 不管程序怎麼複雜，打包完後就是這些東西。 固然可能還會有一些圖片等的靜態文件，本項目沒有圖片。

 

 3： 把生成的manage放到Tomcat的webapps文件夾下

4： 運行 「D:\Tomcat8\apache-tomcat-8.5.20\bin\startup.bat「， 啓動Tomcatserver

 

5： 瀏覽器中輸入：   http://localhost:8080/manage/index.html#/