windows ngnix使用和react项目简单部署
1.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,感觉还行,就是不要怕,学就完了,其实也没啥难度,之前主要就是畏难情绪在影响我。
合集:
web前端综合笔记
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· 没有源码,如何修改代码逻辑?
· NetPad:一个.NET开源、跨平台的C#编辑器
· PowerShell开发游戏 · 打蜜蜂
· 凌晨三点救火实录:Java内存泄漏的七个神坑,你至少踩过三个!