Windows下使用nginx代理访问Jenkins自动部署的Vue项目

1、下载及安装

进入nginx官网：http://nginx.org/en/download.html
下载nginx安装包，我这里选择的是1.21.0

解压到目标文件夹下（最好不要有中文），双击nginx.exe即可启动。

2、配置

使用nginx访问，最重要的就是配置，这里我贴一点我自己的配置，进入conf目录下，nginx.conf文件：

worker_processes  1;

events {
    worker_connections  1024;
}

http {
    include       mime.types;
    default_type  application/octet-stream;
    sendfile        on;
    keepalive_timeout  65;

    server {
		listen 9088;
		server_name localhost;
		location / {
			root 这里写jenkins自动化打包地址;
			try_files $uri $uri/ /index.html;
			index index.html index.htm;
		}
		location /prod-api/{
			proxy_set_header Host $http_host;
			proxy_set_header X-Real-IP $remote_addr;
			proxy_set_header REMOTE-HOST $remote_addr;
			proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
			#这里写vue访问后台接口配置
			proxy_pass http://localhost:8090/;
		}
		error_page 500 502 503 504 /50x.html;
		location = /50x.html {
			root html;
		}
	}
	server {
		listen 9089;
		server_name localhost;
		
		location / {
			root 这里写jenkins自动化打包地址;
			try_files $uri $uri/ /index.html;
			index index.html index.htm;
		}
		location /dev-api/{
			proxy_set_header Host $http_host;
			proxy_set_header X-Real-IP $remote_addr;
			proxy_set_header REMOTE-HOST $remote_addr;
			proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
			#这里写vue访问后台接口配置
			proxy_pass http://localhost:8090/;
		}
		error_page 500 502 503 504 /50x.html;
		location = /50x.html {
			root html;
		}
	}
}

可根据自身需求进行配置。

3、配置更改后操作

进入nginx解压后的文件夹：

打开控制台：
nginx -s reload 即可刷新配置

这里再贴几个命令：

nginx -s stop             快速关闭Nginx，可能不保存相关信息，并迅速终止web服务。（快速退出）
nginx -s quit             平稳关闭Nginx，保存相关信息，有安排的结束web服务。（平滑退出）
nginx -s reload        	  因改变了Nginx相关配置，需要重新加载配置而重载。（重新加载配置)
nginx -s reopen       	  重新打开日志文件。(重新加载日志)