一、引言
由於本地是采用vue+spring boot實現的前后端分離項目，本機啟動的時候先啟動后場服務，再單獨啟動vue工程，然后可以實現全流程貫穿，但是我們要部署到服務器上的時候，一般都是打一個jar包到服務器上跑，那前端的Vue頁面就不好啟動來展示了。
傳統的前端項目和后端服務代碼整合起來，可以打成war包丟到tomcat上，在tomcat去跑整個工程；不過我們既然已經采用了前后端分離的策略，部署上再實現分開部署的話，那豈不是美滋滋，改動前端或者改動后端都可以單獨部署，這樣更方便我們項目的管理。
前后端分開部署的原理主要就是利用了nginx實現反向代理以及靜態資源文件管理的功能，將前端請求交給nginx，讓nginx去跨域，再調用后端的代碼，這樣前后端可以分開部署在兩台機器上，也可以是部署在一台機器上不同端口號的情況。
二、工程結構簡介
三、部署前准備
1、vue打包成靜態文件
##1、把vue打包成靜態文件目錄 npm run build
執行成功后，可以看到工程里面多了一個dist文件夾：
2、修改靜態文件的訪問路徑
四、上傳靜態文件目錄和后場工程jar包
上傳工具有很多種，這里就不圖解了，上傳后的文件目錄自定義：
五、配置nginx的反向代理
##1、查看nginx的配置文件【注意是nginx安裝后的conf目錄】 vim /usr/local/nginx/conf/nginx.conf
配置好了以后，重啟nginx
##1、cd到nginx安裝目錄下的sbin目錄 cd /usr/local/nginx/sbin/ ##2、重啟nginx ./nginx –s reload
六、成果展示
