如果vue專案最終打包生成了乙個dist資料夾，那我們應該怎麼處理這個資料夾呢？有兩種思路：
一、非完全前後端分離專案
我們可以自己在本地開發，使用後端的介面，開發完成後，我們將打包生成的dist資料夾丟給後端，依賴後端部署，反正都是靜態檔案，只是最終和後端放乙個伺服器了。
二、完全前後端分離專案
我們可以自己在本地開發，使用後端的介面，開發完成後，我們將打包生成的dist資料夾丟給自己的靜態檔案伺服器。
然後問題來了，我們該怎麼搭建自己的靜態檔案伺服器呢？
這裡我們只討論nginx
nginx是什麼請自行搜尋，我們這裡講述如何配置多個nginx的多埠對映。
步驟如下：
2、開啟conf資料夾，在裡面新建乙個conf.dev資料夾，這裡存放每個開發人員自己nginx配置及預設的nginx配置
如下，我在conf.dev資料夾下面新建了乙個配置檔案：demo.conf，這個檔案裡面注意的有：埠號，網域名稱，網域名稱及埠指向的靜態檔案根目錄，及一些路由對映關係
3、修改主配置檔案如下，這裡主要是將預設的server配置移除，以及從conf.dev資料夾引入所有配置檔案，移除了可不能丟啊，得找個地方放
4、在conf.dev資料夾下新建預設的server檔案
可以看到，這裡是將主配置檔案中的server配置拉過來了
5、根目錄建立demo資料夾
別忘了我們的設定
demo裡面隨便存放乙個index.html
6、重啟nginx
7、配置host檔案（127.0.0.1為test.demo.com），不會的可以參考我的配置host檔案步驟。
訪問："test.demo.com:7777/"，就能看到你的index.html內容啦。
SpringBoot之前後端分離
今天嘗試寫乙個基於springboot vue的前後端分離的簡單登陸的例子。springboot採用idea整合環境開發 vue採用vscode整合環境開發 這個簡單的例子，基本上把前面幾周研究的技術都複習了一遍。例如 資料庫，restful介面，註解，vue等等。也算對一周工作的總結吧。http通...
框架之 前後端分離
解決前後端開發技術不同，耦合出現的困難性 前端不再需要向後台提供模板或是後台在前端html中嵌入後台 提高工作效率，分工更加明確 前後端分離的工作流程可以使前端只關注前端的事，後台只關心後台的活，兩者開發可以同時進行，在後台還沒有時間提供介面的時候，前端可以先將資料寫死或者呼叫本地的json檔案即可...
從頭學習nginx（四）之前後端分離
我在工作中主要用到的nginx功能就是前後端分離 這是乙個最簡單的nginx前後端分離的使用場景。注意點 host 埠轉換，cookie不會丟失 location project路徑也變化，則需要設定cookie的路徑轉換 location proxy path直接 本地埠 location pro...