logo 范 · 拾光录
网址收集 关于作者 Github Gitee
杂文随笔5
Hexo博客:基础使用Hexo博客:Next主题Hexo博客:Next进阶使用Hexo博客:Next高级配置基于Node的WIKI管理
前端知识16
HTML常用知识CSS常用知识CSS美化checkbox复选框JavaScript常用知识JavaScript格式化时间戳JavaScript窗口宽高处理JavaScript黑夜主题切换实现方案JavaScript数字转大写简易图片查看器TypeScript基础知识Threejs基础三要素Threejs网格辅助和轨道控制器Threejs物体绘制Electron基础使用Nodejs基础知识animate.css页面动画
Vue框架19
Vite的使用及扩展Vue3父子组件Vue3使用Marked解析MarkdownMermaid图表生成库初始化页面加载动画Axios表单提交二维码解决方案NProgress加载进度条Vue3动态菜单实现Vue3使用ECharts图表Vue3处理Excel导入导出keep-alive页面缓存及setup问题Element:文件上传Element:结合Pinia实现动态菜单Element:图片上传组件Element:自定义统一弹窗组件Element:表格自定义指令控制按钮显示(鉴权)可视化大屏使用缩放适配分辨率
UniApp15
UniApp的基础使用封装网络请求工具及文件上传uni-app的开发记录微信小程序分享原生文件上传Pinia取消滚动条(兼容小程序)tabbar消息数量显示scroll-view上滑到底部加载数据状态栏高度动态设配数据共享与传递uview-plus导航栏实现背景融合Wot UIWot UI实现顶部背景图融合uni-app x
Java基础知识10
基础知识面向对象Lambda表达式常用API常用知识积累try-with-resource注解反射多线程经纬度距离计算
SpringBoot31
application配置Maven创建聚合项目全局异常处理锁机制项目启动初始化数据方式邮件功能集成原生定时任务异步集成阿里云OSS阿里OSS预签名上传基于hutool读excelJSR303WebSocketWebSocket版AI接口流式调用Smart-Doc接口文档生成器application配置信息加密雪花算法工具AOP实现请求参数脱敏思路JWT生成Token及工具类SpringBoot默认JSON与对象转换若依框架:安装使用若依框架:优化和调整文件上传若依框架:管理后台页面优化若依框架:后端接口代码优化SpringAISpringBoot实现AI接口流式调用服务启动时创建MySQL连接自建项目工程树形结构处理工具微信支付代码微信手机号登录
SpringMVC14
跨域处理拦截器RESTful风格伪前后端分离Jackson转换器调整Thymeleaf基于拦截器做权限校验AOP打印接口请求响应日志AOP打印接口请求响应耗时文件上传和回显POST请求加解密实现(AES)POST请求加解密实现(RSA+AES)参数动态校验实现方案真实IP和归属地
MyBatis8
MyBatis基本使用与配置Mapper使用相关MaBatis多数据源配置MyBatisPlus数据统计类处理方案MyBatisPlus条件查询正向工程的实现(H2)mybatis-plus-join
SpringCloud15
Netflix:微服务与搭建Netflix:服务的消费与提供Netflix:EurekaNetflix:ActuatorNetflix:RibbonNetflix:FeignNetflix:HystrixNetflix:ZuulAlibaba:简介与搭建Alibaba:Nacos注册中心Alibaba:RibbonAlibaba:OpenFeignAlibaba:Nacos配置中心Alibaba:GetewayAlibaba:Sentinel
MySQL6
MySQL基础知识MySQL多表查询与事务MySQL常用函数及解决方案MySQL视图MySQL索引安装MySQL
Redis7
Redis介绍和安装Redis配置文件Redis持久化Redis集群Redis语法基础Redis相关问题及解决方案SpringBoot集成Redis使用记录
MongoDB10
Linux安装MongoDBMongoDB基础语法MongoTemplate及SpringBoot配置MongoTemplate中Update操作MongoTemplate中聚合查询MongoTemplate日期归档示例项目使用相关知识归纳地理位置存储与距离查询MongoDB副本集与事务获取类名和属性名工具类
其他数据库1
H2数据库
Python编程6
Python基础知识Python语法yolo目标检测OpenCV的使用及树莓派平台condauv
工具集合13
IDEAMavenGradleGitNginx安装Nginx配置VSCodeJMeter压测DockerOllamaRustFSPicGoObs录制
Linux知识11
Linux常用命令Jar启动脚本VirtualBox安装CentOSVirtualBox安装Ubuntu树莓派安装及使用frp内网穿透ArchLinux:基础系统安装ArchLInux:图形化界面安装ArchLinux:常用软件ArchLinux:深度优化ArchLinux:Niri
创意设计2
Blender:入门知识UI设计基础知识
AI相关9
Claude CodeHermes AgentOpenAI基本使用OpenAI工具调用OpenAI记忆管理OpenAI推理执行OpenAI开发框架Langchainllama.cpp

相关文件位置

注意:通常修改的配置文件为/etc/nginx/nginx.conf
提示:更改配置后立即生效命令nginx -s reload

配置文件

配置文件分为3个部分:

全局块

配置一些影响nginx服务器运行的配置指令

# 数值越大支持的并发数越多
worker_processes auto;

events块

影响nginx服务器和用户的网络连接

# 支持的最大连接数
worker_connections 768;

http块

主要配置部分

反向代理配置示例

# 域名转发
server {
    listen 80;                                  # 监听端口
    server_name 47.93.85.32;                    # 监听访问的网址或域名
    location / {                 
        root html;
        proxy_pass http://localhost:8001;   # 代理地址,真实访问地址
        index index.html;
    }
}
# 指定带有某路径的转发
server {
    listen 80;
    server_name 47.93.85.32;
    location ~ /test1 {
        root html;
        proxy_pass http://localhost:8001;
        index index.html;
    }
    location ~ /test2 {
        root html;
        proxy_pass http://localhost:8002;
        index index.html;
    }
}

location后参数解释

负载均衡配置示例

http {

    upstream myserver {
        ip_hash;
        server 192.168.10.10:8080 weight=1;
        server 192.168.10.10:8081 weight=1;
    }

    server {
        location / {
            proxy_pass http://myserver;
            proxy_connect_timeout 10;
        }
    }

}

负载均衡算法:

轮询:默认,每个请求按时间顺序逐一分配到各个服务器,如果某服务器down掉,自定剔除不在分配请求

upstream myserver {
    server 192.168.10.10:8080;
    server 192.168.10.10:8081;
}

权重:默认1,数值越大分配请求越多

upstream myserver {
    server 192.168.10.10:8080 weight=1;
    server 192.168.10.10:8081 weight=1;
}

哈希法:每个请求IP的hash结果分配,每个IP分配到固定服务器,可以解决session问题

upstream myserver {
    ip_hash;
    server 192.168.10.10:8080;
    server 192.168.10.10:8081;
}

fair:按服务器相应时间分配,相应时间短的优先分配

upstream myserver {
    server 192.168.10.10:8080;
    server 192.168.10.10:8081;
    fair;
}

动静分离配置示例

location /www/ {
    root /data/;
    index index.html index.htm;
}

前后端分离配置实例

##
# My Config
##
server {
        listen 80;
        server_name fanmr.top;
        # front_end
        location / {
                root /home/fan/front/;
                index index.html;
        }
        # back_end
        location /back_end {
                root html;
                proxy_pass http://localhost:8000;
                index index.html;
        }
}

使用了Router的情况

如果使用了Router进行路由转发,直接访问资源路径需要Nginx对路由配置

server {
    listen       80;
    server_name  xxx.com;

    location / {
        root   /usr/local/shouwei;
        index  index.html index.htm;
        if (!-e $request_filename) {
            rewrite ^/(.*) /index.html last;
            break;
        }
    }
}

地址重写

# 接口
location /api {
  proxy_pass http://localhost:8888;
  rewrite ^/api/(.*)$ /$1 break;
}

将 /api/xxx 转发到 /xxx

配置http转https

http默认的访问端口为80,https默认访问的端口为443,通常情况下443端口的访问有SSL证书的,如果想访问http也有证书,方案为重定向到https即可

server {
  listen 80;
  server_name 域名.com;
  rewrite ^(.*) https://$server_name$1 permanent;
}

HTTPS

需要证书,放http内

server {
    listen       443 ssl;
    server_name  fanmr.cn;

    ssl_certificate      6243654/6243654_fanmr.cn.pem;
    ssl_certificate_key  6243654/6243654_fanmr.cn.key;

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

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

    location / {
        root /usr/local/lhxn-admin-static;
        index index.html index.htm;
    }
}

高可用主备模式

Nginx高可用,增加一台备用Nginx,当主Nginx宕机后备用Nginx能保持服务运行

自动解析为第一个server问题

配置nginx的server_name时,所有未匹配的域名默认解析到http的第一个server网站,这点务必注意!

请求头带_丢失问题

请求头中带有下划线的请求字段默认都会丢失。

解决办法:

方法一:请求头字段不要带下划线

方法二:修改配置

文件上传大小限制

默认1M,当超过大小的时候会报413(too large)错误

location / {
        ...
        client_max_body_size 100m;
}

证书过期问题

https证书过期后,替换新的证书,需要使用nginx -s reload命令重启nginx才可,否则依然获取的是旧证书

vue项目部署

alias可以直接指定到路径,不用加一层路径名,适合hash模式

# 智慧校园管理后台页面
location /schoolweb {
        alias /usr/school/web-admin/;
        index index.html;
}

vite.config.js记得配置路径

base: '/schoolweb/',

传递真实IP

比如给Java获取真实IP等

location / {
    proxy_pass http://your-java-backend;
    proxy_set_header Host $host;
    # 直接存储客户端的真实IP
    proxy_set_header X-Real-IP $remote_addr;
    # 记录完整的代理链路,格式为 用户真实IP, 代理1IP, 代理2IP
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}
相关文件位置
配置文件
全局块
events块
http块
反向代理配置示例
负载均衡配置示例
动静分离配置示例
前后端分离配置实例
使用了Router的情况
地址重写
配置http转https
HTTPS
高可用主备模式
自动解析为第一个server问题
请求头带_丢失问题
文件上传大小限制
证书过期问题
vue项目部署
传递真实IP