從部署上做到前後端分離

2022-02-15 12:49:51 字數 1171 閱讀 2240

記得在讓nodejs支援h5 history模式(connect-history-api-fallback原始碼分析)一文中提到了html5history mode。然而在最近的使用過程中發現connect-history-api-fallback這個包效果並不是那麼理想,用一段時間就會報錯。而且本身我的部落格專案前後端並未完全分離,雖然開發時是獨立的工程,但是前端工程打包後還是放在了express的靜態資源資料夾下進行部署。考慮到這兩個痛點,我決定在nginx配置中對前後端進行部署分離。

前端工程npm run build打包後,不再copy到後端工程public目錄下。而是獨立部署在nginx的靜態資源目錄下,我放置的目錄是/usr/nginx/share/html/blog

#部落格** blog.wbjiang.cn

server

}

小建議:可以在開發新功能完畢後,就將打包完畢的**提交到倉庫的release分支,然後直接在linux伺服器上對應目錄下的git倉庫中git pull,也算是半自動化部署了(後面也準備研究下全自動化部署)。

blog.wbjiang.cn/api字首的視為介面請求,統一**到express後台服務。配置如下:

#api**

location /api

負載均衡池配置(雖然只有乙個服務,手動「狗頭」)

upstream blog_pool
pm2重啟

pm2 restart blog
nginx重啟

nginx -s reload
首發鏈

angular前後端分離部署

最近寫了乙個小專案玩,前端是angular,後端是koa,分離部署,著實折騰了一天。位址在 yukarin.cnng build prod aot通過nginx的gzip,下面馬上說。伺服器上裝好nginx,關於nginx的安裝和配置,可以參看我的這篇。想辦法把打包後的靜態檔案 dist下的那一坨 ...

部署前後端分離專案

1 將專案上傳到伺服器上 方法一 使用xftp工具,進項上傳資料夾,將專案 傳到linux伺服器當中 方式2 使用scp從本地將檔案上傳到linux伺服器中 scp r 本地資料夾 遠端使用者名稱 遠端ip 遠端資料夾 2 將mysql資料遷移到伺服器資料庫 資料匯入匯出 在linux服務端,mys...

VUE前後端分離系統部署

前後端分離,除非部署在同台伺服器上,否則都會遇到跨域問題,什麼是跨域問題,我理解的是ip port,只要其中乙個不一致,就會出現跨域問題,解決跨域問題的方式有很多種,我覺得最簡單的解決方案有兩種 1.就是nginx伺服器解決,2.就是直接做網域名稱對映,通過網域名稱呼叫。開發環境不用擔心,vue自己...