共计 1186 个字符,预计需要花费 3 分钟才能阅读完成。
导读 | 工作中经常会遇到需要部署前后端分离的项目,今天来给大家介绍一下。 |
实验目的:
实现前后端分离配置,即 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, 截取到 /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 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]#
结束
这就是前后端分离的流程
正文完
星哥玩云-微信公众号