centos7.9 配置nginx實現前後端分離
工作中經常會遇到需要部署前後端分離的專案,今天來給大家介紹一下。 |
實驗目的:
實現前後端分離配置,即nginx做代理,前端需要跳轉到本地目錄訪問,後端需要跳轉到後端程式。
伺服器:
release 7.9.2009 (Core)
nginx版本:nginx-1.14.2
部署nginx
上傳部署包
[root@oracle tools]# ls nginx-1.14.2.tar.gz
[root@oracle tools]# tar xf nginx-1.14.2.tar.gz
[root@oracle tools]# cd nginx-1.14.2
[root@oracle nginx-1.14.2]# ./configure
[root@oracle nginx-1.14.2]# make
[root@oracle nginx-1.14.2]# make install
配置前端訪問目錄
配置nginx配置檔案nginx.conf,擷取到/jingtai/就會跳轉到/opt/jingtai/路徑
... location ^~/jingtai/ { alias /opt/jingtai/; index index.html index.htm; ...
配置後端訪問
在配置檔案新增一個server
server { listen 8090; server_name localhost; #charset koi8-r; #access_log logs/host.access.log main; location ^~/dongtai/ { alias /opt/dongtai/; index index.html index.htm; } }
在原server新增
upstream dongtai{ server 127.0.0.1:8090; } server { listen 9090; server_name localhost; #charset koi8-r; #access_log logs/host.access.log main; #jingtai location ^~/jingtai/ { alias /opt/jingtai/; index index.html index.htm; } #dongtai location ^~/dongtai/ { proxy_pass }
驗證
9090埠代表代理服務和本地前端服務
8090埠代表後端服務
當9090攔截/dongtai/時匹配的是8090埠的路徑.
當9090攔截/jingtai/時匹配的是9090/opt/jingtai/的路徑。
[root@oracle opt]# curl 127.0.0.1:9090/dongtai/ dongtai [root@oracle opt]# curl 127.0.0.1:9090/jingtai/ jingtai [root@oracle opt]#
結束
這就是前後端分離的流程
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/31524109/viewspace-2853710/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 通過nginx部署前端程式碼實現前後端分離Nginx前端後端
- 實現前後端分離的心得後端
- Nginx部署前後端分離服務以及配置說明Nginx後端
- 前後端分離,最佳實踐後端
- 前後端分離實踐有感後端
- Nginx 同域名部署前後端分離專案Nginx後端
- Nginx代理同域名前後端分離專案Nginx後端
- NCF 如何通過WebApi實現前後端分離WebAPI後端
- docker+nginx+redis部署前後端分離專案!!!DockerNginxRedis後端
- 實踐中的前後端分離後端
- Django+Vue.js搭建前後端分離專案 web前後端分離專案實踐DjangoVue.js後端Web
- 前後端分離專案實踐分析後端
- 再談前後端分離後端
- 前後端分離那些事後端
- 淺談前後端分離後端
- 前後端分離——使用OSS後端
- 關於前後端分離及初始化配置後端
- 圖解基於 Node.js 實現前後端分離圖解Node.js後端
- laravel+vue前後端分離之伺服器端配置LaravelVue後端伺服器
- 前後端分離後的前端時代後端前端
- 前後端分離後模組開發後端
- Nginx轉發多個二級域名及前後端分離Nginx後端
- docker-compose + nginx部署前後端分離的專案DockerNginx後端
- 前後端分離的思考與實踐(三)後端
- 前後端分離的思考與實踐(四)後端
- 前後端分離的思考與實踐(五)後端
- 前後端分離的思考與實踐(六)後端
- ???前後端分離模式的思考???後端模式
- 前後端分離——資料mock後端Mock
- vue前後端分離修改webpackVue後端Web
- 前後端分離整合SpringSecurity後端SpringGse
- 淺談WEB前後端分離Web後端
- 什麼是前後端分離?後端
- 從MVC到前後端分離MVC後端
- 前後端分離Ajax入門後端
- 您是否真的需要實現前後端分離的API? -DEV社群後端APIdev
- JWT 實現 Laravel 認證(前後端分離專案必備)JWTLaravel後端
- 中後端管理系統前後分離、前端框架的實現拙見後端前端框架