nginx
通过nginx来进行配置，功能如下
- 通过nginx的反向代理功能访问后端的网关资源
- 通过nginx的静态服务器功能访问前端静态页面
nginx配置步骤：
①：解压下载下来的nginx的压缩包nginx-1.18.0.zip，安装完成并启动后，访问http://host:80/即可出现nginx的欢迎页面（nginx的默认端口是80）
②：解压前端项目，如app-web.zip
③：配置nginx.conf文件
在nginx安装的conf目录下新建一个文件夹leadnews.conf,在当前文件夹中新建kaihe-leadnews-app.conf文件
kaihe-leadnews-app.conf配置如下：
upstream kaihe-app-gateway{ # 反向代理到的地址
server localhost:51601;
}
server {
listen 8801; 此前端项目的端口（访问http://nginx的IP:8801即可访问部署的前端项目）
location / { # 前端静态资源的配置
root D:/workspace/app-web/; # 前端项目的全路径
index index.html; # 首页的文件名
}
location ~/app/(.*) { # 反向代理访问后端资源的配置
proxy_pass http://kaihe-app-gateway/$1; # 反向代理
proxy_set_header HOST $host; # 不改变源请求头的值
proxy_pass_request_body on; #开启获取请求体
proxy_pass_request_headers on; #开启获取请求头
proxy_set_header X-Real-IP $remote_addr; # 记录真实发出请求的客户端IP
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; #记录代理信息
}
}
nginx.conf 把里面注释的内容和静态资源配置相关删除，添加如下的配置并加载
#user nobody;
worker_processes 1;
events {
worker_connections 1024;
}
http {
include mime.types;
default_type application/octet-stream;
sendfile on;
keepalive_timeout 65;
# 引入自定义配置文件
include leadnews.conf/*.conf;
}
④ ：启动nginx
在nginx安装包中使用命令提示符打开，输入命令nginx启动项目
可查看进程，检查nginx是否启动
重新加载配置文件：nginx -s reload
⑤：打开前端项目进行测试 – > http://localhost:8801
用谷歌浏览器打开，调试移动端模式进行访问
