angular前後端分離部署

2021-09-13 03:46:07 字數 921 閱讀 4090

最近寫了乙個小專案玩,前端是angular,後端是koa,分離部署,著實折騰了一天。位址在

yukarin.cn

ng build --prod --aot
通過nginx的gzip,下面馬上說。

伺服器上裝好nginx,關於nginx的安裝和配置,可以參看我的這篇。

想辦法把打包後的靜態檔案(dist下的那一坨)拖到伺服器上放著,圖省事的可以用winscp。

用nginx**這個angular靜態資源它,具體這麼做:

server 

}

我試著努力解釋一下吧,畢竟nginx我也不懂,但是要知道以下幾點:

1. servername是你要**的網域名稱,這裡我nginx**的是yukarin.cn

2. 以gzip開頭的配置就是配置nginx的gzip的,可以讓我們的包變小。這段設定是我在網上抄的,能用。

3. root是靜態資源在伺服器的路徑,nginx將去這個路徑下面找靜態檔案

4. try_files $uri $uri/ /index.html 這段話的意思是說如果使用者輸入的uri能找到對應的檔案,那麼很好,可如果找不uri對應的檔案,那麼nginx就把路由託管給index.html。注意這個很重要,否則會出現重新整理找不到頁面的情況。

5. location /api 那後面就是反向**設定了,主要是解決分離部署跨域的問題,畢竟後台服務我跑在8080埠,而angular我是用nginx監聽80埠,我的restapi都是在/api開頭的,所以這裡的設定就是把出現/api的uri時,就把請求全部給導到127.0.0.1:8080/api去處理

用了gzip後,首頁渲染速度得到了質的提公升。

我的乙個包本來1.72,現在只有500多k了

部署前後端分離專案

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

VUE前後端分離系統部署

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

前後端分離

關於前後端分離的一些好的文章推薦 前端框架 為什麼前後端分離 最直白的理解,我認為是因為在開發過程中,前端總是需要等待後端的環境搭建好之後,前端才能獲取相關資料,對於前端的開發影響很大,事實上前端並不關心後端的開發,那麼有沒有方法不讓後端影響前端的開發呢?其實後端提供的是什麼?乙個執行伺服器,乙個就...