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; # 记录真实发出请求的客户端IPproxy_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
用谷歌浏览器打开,调试移动端模式进行访问