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後端
- NCF 如何通過WebApi實現前後端分離WebAPI後端
- docker+nginx+redis部署前後端分離專案!!!DockerNginxRedis後端
- docker-compose + nginx部署前後端分離的專案DockerNginx後端
- 前後端分離那些事後端
- 再談前後端分離後端
- 淺談前後端分離後端
- 前後端分離——使用OSS後端
- 前後端分離整合SpringSecurity後端SpringGse
- 關於前後端分離及初始化配置後端
- laravel+vue前後端分離之伺服器端配置LaravelVue後端伺服器
- Nginx轉發多個二級域名及前後端分離Nginx後端
- vue前後端分離修改webpackVue後端Web
- 前後端分離——資料mock後端Mock
- 前後端分離Ajax入門後端
- ???前後端分離模式的思考???後端模式
- 您是否真的需要實現前後端分離的API? -DEV社群後端APIdev
- JWT 實現 Laravel 認證(前後端分離專案必備)JWTLaravel後端
- 前後端分離後模組開發後端
- DevOps 視角的前後端分離與實戰dev後端
- SpringBoot+Vue.js前後端分離實現大檔案分塊上傳Spring BootVue.js後端
- 從前後端分離到GraphQL,攜程如何用Node實現?\n後端
- SpringBoot+Vue.js實現前後端分離的檔案上傳Spring BootVue.js後端
- 前後端分離的優缺點後端
- Laravel 前後端分離 csrf 防護Laravel後端
- spring shiro+cas 前後端分離Spring後端
- 前後端分離之Ajax入門後端
- 從部署上做到前後端分離後端
- Flask前後端分離專案案例Flask後端
- 簡單的前後端分離 Cas後端
- Cloudera Manager 前後端分離部署方法Cloud後端
- Windows+Pycharm+Flask+Vue+Element-Plus 前後端分離實現分寫查詢功能WindowsPyCharmFlaskVue後端
- 一次前後端分離架構的實踐後端架構
- SpringBoot + Angular前後端分離專案部署(更新)實錄Spring BootAngular後端
- Django + Taro 前後端分離專案實現企業微信登入Django後端