实现完整离线浏览需配合Service Worker的步骤如下:注册Service Worker在主线程JavaScript中检测浏览器支持调用navigator.serviceWorker.register()注册指定Service Worker脚本路径(通常为/sw.js)安装阶段监听install事件使用caches.open()创建/打开缓存调用cache.addAll()预缓存关键资源跳过
max-age用法: Cache-Control: max-age=seconds解析: 指定资源在缓存中的最大存储时间(秒)。在此期间内,浏览器直接从缓存加载资源,不发送请求到服务器。示例: Cache-Control: max-age=3600(缓存1小时)。immutable用法: Cache-Control: immutable解析: 声明资源在有效期内(如max-age内)不会改变。浏览
简介Nginx的location块用于匹配请求URI,可以针对特定类型的静态资源配置缓存策略。功能匹配特定扩展名的静态资源设置缓存控制头提高静态资源加载速度减少服务器负载讲解location块通过正则表达式匹配静态资源,如.css、.js、.png等文件。匹配成功后,可以添加Expires、Cache-Control等HTTP头控制缓存。用法示例配置:注意事项缓存时间不宜过长或过短开发环境建议关闭
检查配置文件语法执行命令:nginx -t输出显示"syntax is ok"和"test is successful"表示语法正确重新加载配置执行命令:nginx -s reload不中断服务的情况下应用新配置验证配置生效的方法检查监听端口:netstat -tulnp | grep nginx检查虚拟主机配置:curl -
文件更新触发条件浏览器检测到Service Worker文件(sw.js)的字节级变化(即使内容不同但字节相同不会触发)。更新流程下载新文件:浏览器在后台下载新Service Worker文件。安装阶段:触发install事件,新旧Worker共存。等待阶段:新Worker处于waiting状态,直到旧Worker控制的页面全部关闭。激活阶段:触发activate事件,新Worker接管控制。强制
编辑Nginx配置文件主配置文件通常位于:/etc/nginx/nginx.conf或站点配置文件如 /etc/nginx/conf.d/default.conf在 http 或 server 模块中添加配置参数说明gzip on:启用 Gzip 压缩gzip_min_length 1k:仅压缩大于 1KB 的文件gzip_buffers 4 16k:分配 4 个 16KB 的压缩缓冲区gzip_
错误:端口冲突问题:bind() to 0.0.0.0:80 failed (98: Address already in use)原因:80端口被其他服务占用(如Apache)。解决方案:错误:文件权限不足问题:open() "/var/log/nginx/error.log" failed (13: Permission denied)原因:Nginx用户无
Nginx 性能优化配置示例1. 调整 Worker 进程和连接数2. 启用 Gzip 压缩3. 静态文件缓存优化4. 启用 Keep-Alive5. 调整缓冲区大小6. 优化 FastCGI(PHP-FPM)7. 限制请求速率(防 DDoS)8. 关闭访问日志(可选)9. 启用 TCP 优化(适用于高并发)10. 使用 HTTP/2(提升 HTTPS 性能)优化后检查这些配置可根据实际服务器负载
启动Nginx:停止Nginx:重启Nginx:重载配置(不中断服务):检查Nginx状态:设置开机自启:取消开机自启:直接通过nginx二进制文件操作:启动:停止:优雅停止(处理完当前请求):重载配置:测试配置文件:
如何配置Nginx反向代理基本配置步骤安装Nginx编辑Nginx配置文件配置反向代理基本反向代理配置示例高级配置示例启用配置创建符号链接测试配置重启Nginx