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

最新推荐文章于 2024-09-02 13:16:30 发布

清风凌冽

最新推荐文章于 2024-09-02 13:16:30 发布

阅读量351

点赞数

分类专栏： nginx 文章标签：服务器 windows server nginx vue

本文链接：https://blog.csdn.net/qq_42897733/article/details/117691555

版权

nginx 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

本文介绍了如何在Windows上安装并配置Nginx，通过Nginx代理访问由Jenkins自动部署的Vue项目。详细步骤包括下载与安装Nginx，配置Nginx的http服务器块，设置Vue项目和后台接口的代理，以及配置更改后如何重新加载Nginx配置。

摘要由CSDN通过智能技术生成

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       	  重新打开日志文件。(重新加载日志)