windows如何使用Nginx部署前后端分离项目

windows环境搭建专栏🔗点击跳转

win系统环境搭建(七)——使用Nginx部署前后端分离项目

系列windows环境搭建开始讲解如何给win系统搭建环境,本人所用系统是腾讯云服务器的Windows Server 2022,你可以理解成就是你用的windows10系统。我会尽量从Linux的视角去操纵win系统,以达到返璞归真的效果。我将会讲述:

  1. 如何安装jdk。
  2. 如何安装maven。
  3. 如何安装mysql8(我将使用压缩包安装)。
  4. 如何安装redis。
  5. 如何安装nginx。
  6. 如何使用nginx部署前后端分离的项目。
  7. 如何安装nvm以使用node和npm。

    也许该系列会更多吧。

我要实现的效果是,客户访问80端口访问前端,访问80端口的api服务即可访问到8080端口的后端服务。

1.前端

将vue项目打包的dist文件夹,放置到C:\tencent里,没有的文件夹tencent话就新建。

mkdir C:\tencent

2.后端

2.1 启动服务

mkdir C:\tencent\server

将jar包放置到到C:\tencent\server

进入目录

cd C:\tencent\server

关于vim,不会用可以看这两篇win系统环境搭建(一)——Windows安装一些小工具一文搞定vim,从安装到入门到精通,助你成功入门vim,这里并不需要你必须用vim,只要是编辑文本的东西就ok!


新建bat脚本

vim start.bat

记得令文件编码为gbk,因为win系统默认gbk。

:set encoding=gbk

(这里即使你不用vim,用的其他编辑器,也请记得保存bat脚本编码为GBK)。

start.bat内容如下

@echo off

:: 分配堆内存大小(总内存的四分之一)
set heap_memory=1
:: 获取线程数量
set thread_count=%NUMBER_OF_PROCESSORS%

:: 启动 Java 应用程序
:: `-server`:指定Java虚拟机以服务器模式运行,以获得更好的性能。
:: `-Dfile.encoding=UTF-8`:设置文件编码为UTF-8,确保正确处理文本数据。
:: `-XX:ActiveProcessorCount=8`:指定并行处理器的数目为8,以影响Java虚拟机的线程和CPU利用情况。
:: `-Xms2g`:指定Java虚拟机的最小堆内存为2g。
:: `-Xmx4g`:指定Java虚拟机的最大堆内存为4g。
:: `-XX:+UseParallelGC`:启用并行垃圾回收器,以提高垃圾回收的效率。
:: `-XX:+UseCompressedOops`:启用压缩指针,以减少内存消耗。
:: `-XX:ParallelGCThreads=8`:指定并行垃圾回收器的线程数为8。
:: `-XX:+DisableExplicitGC`:禁用显式的垃圾回收调用
:: `-XX:+HeapDumpOnOutOfMemoryError`:当发生堆溢出异常时,自动生成堆转储文件(Heap Dump)。
:: `-Djava.net.preferIPv4Stack=true`:该属性为 true 可确保 JVM 在具备 IPv6 支持的情况下仍然优先使用 IPv4。
start javaw -server -Dfile.encoding=UTF-8 -XX:ActiveProcessorCount=%thread_count% -Xms%heap_memory%G -Xmx%heap_memory%G -XX:+DisableExplicitGC -XX:+UseParallelGC -XX:+UseCompressedOops -XX:ParallelGCThreads=%thread_count% -XX:+HeapDumpOnOutOfMemoryError -Djava.net.preferIPv4Stack=true -jar "C:\tencent\server\tencent-2023.09.13.jar"

启动服务

可以在cmd面板执行如下,也可以直接双击执行,即可运行jar服务。

C:\tencent\server\start.bat

2.2 终止服务

进入目录

cd C:\tencent\server

新建bat脚本

vim stop.bat

记得令文件编码为gbk,因为win系统默认gbk。

:set encoding=gbk

stop.bat内容如下

@echo off

:: 获取端口号 8080 对应的进程 PID
for /F "tokens=5" %%a in ('netstat -ano ^| findstr "8080" ^| findstr "LISTENING"') do set "PID=%%a"

:: 检查是否找到了 PID
if "%PID%"=="" (
    echo 无法找到端口号为 8080 的进程。
) else (
    echo 找到端口号为 8080 的进程,PID 为: %PID%
    
    :: 杀死进程
    taskkill /F /PID %PID%
)

终止服务

可以在cmd面板执行如下,也可以直接双击执行,即可终止服务。

C:\tencent\server\stop.bat

3.nginx

3.1 配置文件

# Nginx所属用户和用户组,这里配置的是nobody。由于Nginx并不会直接向客户端发送数据,只有在请求到达时才加入到Nginx的I/O处理队列中,所以Nginx只需要拥有访问目录的权限即可,无需高额权限
#user  nobody;

# 工作进程数,一般设置为系统CPU核心数。对于单核服务器来说,设置为1即可;对于多核服务器,可以设置成CPU核心数
worker_processes  2;

# 定义错误日志文件路径。Nginx生产环境重要的调试信息将会记录在该文件中
#error_log  logs/error.log;
#error_log  logs/error.log  notice;
#error_log  logs/error.log  info;

# 定义Nginx主进程的PID文件所在位置。若需要向Nginx主进程发送信号时,必须要知道这个进程的PID,因此需要记录到PID文件中
#pid        logs/nginx.pid;

events {
	# 最大并发数。当同时有多个客户端访问Nginx时,每个访问者占据一个连接,当连接数到达该配置变量的值时,新的访问请求将会等待,直到空闲连接数不到该值再处理新的请求
    worker_connections  1024;
}

http {
	# 引入mime.types文件,它可以为不同的文件扩展名设定不同的MIME类型。Nginx不像Apache这样会根据文件扩展名自动推断文件类型,如果文件没有被正确识别MIME类型,就可能会出现浏览器无法正确解释的问题
    include       mime.types;
	
	# 默认MIME类型,如果服务器无法识别它,那么就让浏览器自己来识别。当Nginx无法识别当前返回的MIME类型时,会采用该参数作为默认值
    default_type  application/octet-stream;
	
	# 配置日志格式,该部分被注释掉,不起作用
    #log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
    #                  '$status $body_bytes_sent "$http_referer" '
    #                  '"$http_user_agent" "$http_x_forwarded_for"';

	# 定义访问日志文件的存储位置,该部分被注释掉,不起作用
    #access_log  logs/access.log  main;
	
	# 开启高效文件传输,建议保持默认的开启状态。Nginx的高效文件传输技术可以让其更快地将文件内容传输到客户端,提高文件传输速度
    sendfile        on;

	# 禁用TCP节点推送
	#tcp_nopush     on;
	
    # 客户端保持连接的时间,超时后断开连接。连接复用机制,当客户端发送完请求后,连接还会继续保持一段时间,以便快速发起下一次请求
	#keepalive_timeout  0;
    keepalive_timeout  65;  

	# 开启数据压缩功能
	#gzip  on;

    server {
		# Nginx监听端口,当有请求到达该端口时,Nginx将会处理该请求。当客户端发送了请求过来后,Nginx会监听到该端口被占用,便会启用该server块去处理该请求
        listen       80;

		# 指定服务端的域名/IP,如果没有域名,则使用IP地址。当Nginx接收到一个请求时,首先会按照请求中的Host(或X-Forwarded-Host)头信息的域名取匹配server_name指令中的值,只要匹配上即可
        server_name  localhost;
        
		# 该行是将字符集设置为koi8-r,koi8-r是一种字符编码格式
		#charset koi8-r;
        # 设置字符集为 utf-8
        charset utf-8;

		# 该行是定义了当前这个server块的访问日志文件的存储位置。其中logs/host.access.log表示存储的目录和文件名,main表示使用标准的日志格式。如果该行没有被注释掉,就会在相应的目录下生成一份日志文件,记录该server块的访问日志
        #access_log  logs/host.access.log  main;

		# URL匹配规则。在Nginx中,URL匹配是由location指令提供的
        location / {                
            # 当URL中的路径为空时,会默认从这里找到对应的文件。该块内容的作用是指定处理该请求所使用的文件系统根目录路径
            root   C:/tencent/dist;
            # try_files指令将尝试匹配请求的文件,如果找不到,则返回index.html
            try_files $uri $uri/ /index.html;
        }

        # 后端接口配置
        location /api/ {
            # 设置代理服务器发送的http请求头中Host的值为接收到的客户端请求头中的Host值
            proxy_set_header Host $http_host;
            # 设置代理服务器发送的http请求头中X-Real-IP的值为当前请求的客户端IP地址
            proxy_set_header X-Real-IP $remote_addr;
            # 设置代理服务器发送的http请求头中REMOTE-HOST的值为当前请求的客户端IP地址
            proxy_set_header REMOTE-HOST $remote_addr;
            # 设置代理服务器发送的http请求头中X-Forwarded-For的值为所有经过的代理服务器IP地址列表,多个IP地址之间用逗号隔开
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
            # 将客户端请求通过代理服务器转发到指定地址
            proxy_pass http://127.0.0.1:8080/api/;
            # 设置代理服务器与后端服务器建立连接的超时时间
            proxy_connect_timeout 3600s;
            # 设置代理服务器从后端服务器读取数据的超时时间
            proxy_read_timeout  3600s;
            # 设置代理服务器向后端服务器发送数据的超时时间
            proxy_send_timeout  3600s;
        }

		# 配置 404 页面。当请求的文件不存在,或者因为某种原因无法访问到指定的文件时,返回404
        # error_page  404              /404.html;
        
		# 错误页面的配置,当出错时会跳转到该页面。当服务端返回错误状态码时,可以为不同的状态码指定不同的错误页面
        error_page   500 502 503 504  /50x.html;
		# 当请求 URL 精确匹配 /50x.html 时,根据配置路径返回静态页面。配合error_page使用,可以为错误页面指定特定的URI
        location = /50x.html {
            root   html;
        }

        # 将 PHP 脚本代理到监听在 127.0.0.1:80 的 Apache 服务器,或将 PHP 脚本代理到监听在 127.0.0.1:9000 的 FastCGI 服务器
        #location ~ \.php$ {
        #    proxy_pass   http://127.0.0.1;
        #}
        #location ~ \.php$ {
        #    root           html;
        #    fastcgi_pass   127.0.0.1:9000;
        #    fastcgi_index  index.php;
        #    fastcgi_param  SCRIPT_FILENAME  /scripts$fastcgi_script_name;
        #    include        fastcgi_params;
        #}

        # deny access to .htaccess files, if Apache's document root concurs with nginx's one
        #location ~ /\.ht {
        #    deny  all;
        #}
    }

    # 另一个使用 IP、名称和端口的虚拟主机配置
    #
    #server {
    #    listen       8000;
    #    listen       somename:8080;
    #    server_name  somename  alias  another.alias;

    #    location / {
    #        root   html;
    #        index  index.html index.htm;
    #    }
    #}

    # HTTPS 服务器
    #
    #server {
    #    listen       443 ssl;
    #    server_name  localhost;

    #    ssl_certificate      cert.pem;
    #    ssl_certificate_key  cert.key;

    #    ssl_session_cache    shared:SSL:1m;
    #    ssl_session_timeout  5m;

    #    ssl_ciphers  HIGH:!aNULL:!MD5;
    #    ssl_prefer_server_ciphers  on;

    #    location / {
    #        root   html;
    #        index  index.html index.htm;
    #    }
    #}
}

C:\Program Files\nginx-1.22.1\conf目录下的文件nginx.conf替换为上面的内容。

3.2 nginx重新加载

进入目录

cd C:\Program Files\nginx-1.22.1

执行

nginx -s reload

至此,就配置完成了,dist文件和jar包就不提供了。

  • 2
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

PerCheung

觉得有帮助的话就打赏支持一下吧

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值