springboot+vue+nginx簡單實現前後端分離
目前軟件架構都比較流行前後端分離，前後端的分離也實現了前後端架構的分離，帶來的好處 —— 整個項目的開發權重往前移，實現真正的前後端解耦，動態資源和靜態資源分離，提高了性能和擴展性。
SpringBoot與vue 進行前後端分離，主要有這麼兩種方式：
⑴ 利用vue項目 打包（npm run build命令）出來的dist文件夾拷貝到springboot項目的static 文件目錄。
⑵ 利用 nginx 的反向代理，不用將dist目錄拷貝到static文件目錄下。
第一種方式網上教程比較多，我着重講一下第二種。。。
- 開始進行創建Vue項目，假定你已經安裝好了npm，安裝vue腳手架 vue-cli.
2.我安裝的vue-cli版本是3.0以上版本，使用 vue-cli自帶的圖形化界面命令 vue ui創建項目，簡單直接。
3.創建好vue項目之後，執行web界面任務-運行按鈕，執行打包,生成dist目錄。
4.建立簡單的 springboot項目，設置端口號爲9090，如下：
5.將打包好的dist目錄路徑 部署到nginx中，怎麼安裝部署nginx這裏就不說了（自行百度）。打開nginx目錄，nginxconf ginx.conf 文件 ，配置如下：
項目運行效果：
這樣，一個簡單的前後端分離demo就整合完成了。