配置方式一:
配置多少个前端就开启多少个端口定义多少个server
# 配置第一个前端项目
server {
listen 80;
server_name 127.0.0.1;
# 前端项目二
location / {
root html/dist;
index index.html index.htm;
}
}
# 配置第二个前端项目
server {
listen 90;
server_name 127.0.0.1;
# 前端项目二
location / {
root html/dist_cz;
index index.html index.htm;
}
}
配置一访问路径:
访问前端一:
http://127.0.0.1:80
访问前端二:
http://127.0.0.1:90
配置方式二:
一个server中配置多个前端
server {
listen 80;
server_name 127.0.0.1;
# 前端项目一
location / {
root html/dist/;
index index.html index.htm;
}
# 前端项目二
location /cz {
alias html/dist_cz; # 一个server中配置多个前端项目要使用alias,不要使用root
index index.html index.htm;
}
}
配置一访问路径:
访问前端一:
http://127.0.0.1:80
访问前端二:
http://127.0.0.1:80/cz
核心:
一个server中配置多个前端项目要使用alias;
其它补充:
后台获取用户真实IP地址可配置如下信息
location /api/{ # 后端代理
proxy_set_header X-Real-IP $remote_addr; # 配置此信息可在代码中获取用户的真实IP地址
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; # 配置此信息可在代码中获取用户的真实IP地址
proxy_pass http://192.168.101.100:8080/;
}