Nginx配置使用笔记
前言
官网下载压缩包https://nginx.org/
解压完成后当前目录cmd输入nginx指令启动
访问http://localhost:80确认启动成功
1.部署前端项目
部署前端项目到路径E:\Workspaces\Vscode\app-web
2.0配置nginx.conf文件
在nginx安装的conf目录下新建一个文件夹leadnews.conf
,在当前文件夹中新建eoffice-leadnews-app.conf
文件
配置如下:
javascript
upstream eoffice-app-gateway{
server localhost:8080;
}
server {
listen 8801;
location / {
root E:/Workspaces/Vscode/app-web/;
index index.html;
}
location ~/app/(.*) {
proxy_pass http://eoffice-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; #记录代理信息
}
}
2.1配置nginx.conf文件
nginx.conf 把里面注释的内容和静态资源配置相关删除,引入eoffice-leadnews-app.conf文件加载
代码如下:
javascript
#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