前后分离
前后分离的是什么?
前后分离指的是前端与后端分离单独进行部署操作,前端部署一个路径,后端部署一个路径
安装过程
- 配置安装源
sudo rpm -ivh http://nginx.org/packages/centos/7/noarch/RPMS/nginx-release-centos-7-0.el7.ngx.noarch.rpm
- 安装nginx
yum install -y nginx
- 启动Nginx
systemctl restart nginx
- 检查安装状态
systemctl status nginx.service
配置管理
- 查找nginx的总配置文件
cd /etc/nginx
cat nginx.conf
找到全部配置文件存放的路径
- 进入全部配置文件存放的路径
vim 编辑
配置文件介绍说明:
- listen 监听端口
- server_name 访问域名,如果有多个用空格隔开
- location 访问节点
- root 用户
- /usr/share/nginx/html; 静态资源存放的路径
- index index.html index.htm; 首页加载文件拓展
- 下面那些就是反向代理一些配置全部copy即可
后端(反向代理配置)
location /api/ {
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header REMOTE-HOST $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
add_header Access-Control-Allow-Methods *;
add_header Access-Control-Allow-Origin $http_origin;
proxy_pass http://localhost:8081/;
}
前端(正向代理配置)
location / {
root /usr/share/nginx/html;
index index.html index.htm;
}
总配置
server {
listen 8088;
# 多个域名用空格隔开
server_name localhost;
location / {
root /usr/share/nginx/html;
index index.html index.htm;
}
location /api/ {
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header REMOTE-HOST $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
add_header Access-Control-Allow-Methods *;
add_header Access-Control-Allow-Origin $http_origin;
proxy_pass http://localhost:8081/;
}
}
THE END
暂无评论内容