前後端分離nginx配置,同時解決跨域問題

2021-08-14 01:49:09 字數 471 閱讀 6853

現在,web開發的前後端分離技術越來越火爆,由於最近的課程設計使用了前後端分離的方案,這裡就來記錄一下前後端分離的專案部署。這裡我們使用的前端框架是react,後台使用ssm提供資料介面。

nginx (engine x) 是乙個高效能的http和反向**伺服器,這裡我們使用nginx來作為前端頁面的靜態伺服器。

nginx作為靜態伺服器部署前端**

tomcat作為後台伺服器部署資料服務

將發往nginx伺服器的資料請求傳送到tomcat伺服器

nginx實現前後端分離

參考 路徑 nginx conf nginx.conf2.1 設定前端 位置location 2.2 配置後台請求攔截 後台跳轉 攔截所有前端 以 api 開始的請求 到 後端服務 http localhost 8080 backend project name api location api2....

前後端分離

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

前後端分離

在此說明 前後端分離有利於後端的快速開發,但並不利於搜尋引擎優化 seo 上圖能清晰的看到,使用前後端分離模式進行開發,瀏覽器會向伺服器傳送請求,伺服器會向瀏覽器傳送乙個類似框架的html,是固定的空殼,此時瀏覽器再使用ajax請求向後端伺服器索要資料,後端伺服器返回json字串給瀏覽器,從而使瀏覽...