將springboot和Vue整合在一塊兒的方法
前兩天老大讓我把Vue和springboot工程耦合在一塊兒，而後打成一個包部署。。。衆所周知，Vue的出現就是爲了先後端分離，可是爲了繼續在這裏搬磚，只能想辦法解決這個問題。通過嘗試結果以後，方法以下，供各位參考
準備工做
打包Vue腳手架工程
打包前的準備
1.找到你的Vue工程，在工程目錄下有一個build的文件夾，其中有一個utils.js的文件，點進去，將下圖中畫紅圈圈的地方改爲如圖所示：
這個操做是避免部署以後訪問頁面時圖標丟失（啥也別說了，全是眼淚啊）必定要改爲相對路徑，若是不改，部署在服務器時，路徑不認，因此圖標出不來
2.仍是改路徑的問題，在工程文件夾目錄中有一個config的文件夾，點開它。找到一個叫index.js的文件，點開它，更改設置以下圖：
**"/"–>改爲"./"**若是是絕對路徑的話最後部署以後頁面不出
css
開始打包
首先找到你的Vue工程，這裏我就用命令行進行演示（或者你也能夠在編輯器中直接使用預設好的命令進行打包）進入到你Vue工程所在的目錄下，輸入npm run build 開始打包，以下圖：
命令運行後，若是成功會出現以下的圖：
這時候你就已經打包成功了，而後在你Vue的工程文件目錄下會出現一個dist文件夾，這個文件夾裏面包含兩個文件,第一個是static，這個裏面是存放你打包後的css文件和js文件，另外一個是index.html文件，這個文件是你Vue全部組件的入口，以下圖：
html
修改跨域
因爲工程已經先後臺耦合了，因此之間的跨域配置就能夠捨棄掉了web
將前臺打包文件放入後臺生成war包
全都弄好後，將Vue工程中的dist文件中的static和index.html複製到spirngboot工程中的static目錄下注意：不是dist整個文件夾放到後臺的static目錄下，只複製裏面的兩個文件就行了，這個時候就能夠直接Run項目了，打成war包spring
本機測試方式
扔到Tomcat的webapps下，啓動Tomcat 而後在瀏覽器能訪問就能夠了，這時候你交給實施人員，剩下的交給他們吧npm