[[405796]]

工作中經常會遇到需要部署前后端分離的項目，今天來給大家介紹一下。

實驗目的

實現前后端分離配置，即nginx做代理，前端需要跳轉到本地目錄訪問，后端需要跳轉到后端程序。

服務器：CentOS Linux 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,test為截取到/test/就會跳轉到/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 http://dongtai/; 
        } 

驗 證

• 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]# 

這就是前后端分離的流程