文章目录
- nginx实现前后端分离
- 1、安装nginx
- 2、配置conf
- 2.1、设置前端代码位置
- 2.2、配置后台请求拦截
- 2.3、完整配置
nginx实现前后端分离
1、安装nginx
参考 https://blog.csdn.net/mybook201314/article/details/73604640
2、配置conf
路径:nginx/conf/nginx.conf
2.1、设置前端代码位置
location / {# root写前端代码位置 Linux 如:/home/frontend/xxxroot E:\\desktop\\HTML;index index.html index.htm;
}
2.2、配置后台请求拦截
#后台跳转
#拦截所有前端 以 /api 开始的请求
#转发到 后端服务 http://localhost:8080/backend_project_name/api/......
location ~ ^/api {proxy_set_header Host $host;proxy_set_header X-Real-Ip $remote_addr;proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;proxy_set_header X-Forworded-For $http_x_forwarded_for;## allow 允许访问,限制其他IP访问 可以配置多个allow 192.168.1.101;allow 192.168.1.102;# 存 cookieproxy_cookie_path //backend_project_name/ / ;# 重写 后台请求项目名称# 若后台项目名称为/,或者没有,则此不用配置rewrite /(.+)$ /backend_project_name/$1 break;# 后台服务路径proxy_pass http://localhost:8080;
}
2.3、完整配置
#定义Nginx运行的用户和用户组
#user nobody;#nginx进程数,建议设置为等于CPU总核心数
worker_processes 1;#error_log logs/error.log;
#error_log logs/error.log notice;
#error_log logs/error.log info;#进程文件
#pid logs/nginx.pid;events {worker_connections 1024;
}#http服务器
http {include mime.types;default_type application/octet-stream;sendfile on;#tcp_nopush on;#keepalive_timeout 0;keepalive_timeout 65;#gzip on;## 自定义服务 可以定义多个,监听不同端口server {// nginx服务监听端口listen 80;// nginx服务名称server_name localhost;#charset koi8-r;#access_log logs/host.access.log main;// 前端位置配置location / {# root写前端代码位置 Linux 如:/home/frontend/xxxroot E:\\desktop\\HTML;index index.html index.htm;}#配置500 error_page 500 502 503 504 /50x.html;location = /50x.html {root html;}#后台跳转#拦截所有前端 以 /api 开始的请求#转发到 后端服务 http://localhost:8080/backend_project_name/api/......location ~ ^/api {proxy_set_header Host $host;proxy_set_header X-Real-Ip $remote_addr;proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;proxy_set_header X-Forworded-For $http_x_forwarded_for;# 设置 cookieproxy_cookie_path //backend_project_name/ / ;# 重写 后台请求项目名称# 若后台项目名称为/,或者没有,则此不用配置rewrite /(.+)$ /backend_project_name/$1 break;# 后台服务路径proxy_pass http://localhost:8080;}}
}
刚开始写微信公众号,请多多关注,欢迎,多谢!
微信公众号:《Java学习积累》