windows ngnix使用和react项目简单部署
前言
我写了两年的.NET 代码，我的项目基本上都是部署在IIS上面的。听说ngnix用到比较多，而且是跨平台的，这次弄下来试一下。注意，我这里的平台是windows平台的
软件下载和安装
下载之后是一个压缩文件，解压压缩文件之后
启动成功
常用ngnix命令
查看版本
nginx.exe -v
启动
nginx.exe
重启
nginx.exe -s reload
关闭
# 强制终止
nginx.exe -s stop
# 在线程结束后终止
nginx.exe -s quit
配置文件
配置文件在 conf/ngnix.conf 路径下面
# 线程数，默认为1，越多并发量越高
worker_processes 1;
# 连接数，默认为1024个网络连接
events {
worker_connections 1024;
}
# Http代理
http {
include mime.types;
default_type application/octet-stream;
sendfile on;
# 连接超时时间
keepalive_timeout 65;
# 代理服务
server {
# 监听端口
listen 4396;
# 代理地址，一般是localhost
server_name localhost;
# 路由管理，一般根路径是网页文件
location / {
# 文件夹
root html;
# 路径地址
index index.html index.htm;
}
# 错误码路径
#error_page 404 /404.html;
# 网页重定向错误
# redirect server error pages to the static page /50x.html
error_page 500 502 503 504 /50x.html;
location = /50x.html {
root html;
}
}
}
React Next.js项目部署为例
现在项目一般都是一键打包部署的，运行一下npm run build就能一键打包的。比如我这个打包
在next.config里面添加
/** @type {import('next').NextConfig} */
//打包模式启用
const nextConfig = {output: "export",};
export default nextConfig;
打包好的文件
ngnix部署
根据我的实际工作经验，我建议部署的时候，放一个excel表格，在html文件中按照端口号命名。
为什么要这么做呢，因为一般大一点的公司都是要拉固定公网ip的，因为这样会方便很多。当然也可以用域名代理的方式。
添加在ngnix.conf里面一个新的server字段
server{
listen 10240;
server_name localhost;
location / {
# 对应的文件路径
root html/10240/out;
index index.html;
}
}
APS.NET Ngnix 反向代理
windows这里的ngnix就是用反向代理，这里我就不展开说明了。
总结
ngnix应该算是网页开发必学的，因为大部分的网页都是部署在linux上面的，windows不是说不能部署，只是linux更加的正规而已。这次体验了一下ngnix，感觉还行，就是不要怕，学就完了，其实也没啥难度，之前主要就是畏难情绪在影响我。
