記得在讓nodejs支援h5 history模式(connect-history-api-fallback原始碼分析)一文中提到了html5
的history 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自己...