VUE前後端分離系統部署

2021-09-22 16:27:43 字數 393 閱讀 1230

前後端分離,除非部署在同台伺服器上,否則都會遇到跨域問題,

什麼是跨域問題,我理解的是ip+port,只要其中乙個不一致,就會出現跨域問題,

解決跨域問題的方式有很多種,我覺得最簡單的解決方案有兩種

1.就是nginx伺服器解決,

2.就是直接做網域名稱對映,通過網域名稱呼叫。

開發環境不用擔心,vue自己有跨域配置

測試環境 採用nginx配置

生產環境就隨意了,如果資源豐富,隨意。

本人採用nginx配置,解決跨域問題

1安裝nginx

2配置監聽埠,

3配置後台對應的服務實際的ip埠(proxy_pass)

4配置vue對應的訪問位址(root)

5配置被監聽埠對應的外網訪問位址

saber前端部署 vue前後端分離

server 對應上面的 router,主要原因是路由的路徑資源並不是乙個真實的路徑,所以無法找到具體的檔案 因此需要rewrite到index.html中,然後交給路由在處理請求資源 location api user root worker processes 1 error log var l...

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...