Nginx静态代理配置实战通信软件前端开发93课件讲解.pptxVIP

《通信软件前端开发》主讲教师：罗冬妮Nginx静态资源代理配置实战

问题导入你的项目遇到过这些问题吗?设备列表页加载缓慢（图片/CSS/js卡顿）跨域错误（Console报错：CORSpolicy）用Nginx解决这些问题

Nginx能做什么？Nginx的“静态资源管家”角色托管静态文件（HTML/CSS/JS/图片）统一域名访问（告别跨域）加速加载（缓存+压缩）

动态对比无NginxVS有Nginx对比项无Nginx(直接访问)有Nginx(代理访问)跨域问题?报错?统一域名解决加载速度?多次请求?缓存+压缩优化

知识讲解：案例背景通信设备报警系统的资源托管静态文件路径：/var/www/alarm-system/代理访问路径：/static/

配置步骤1——准备目录Step1：创建静态文件sudomkdir-p/var/www/alarm-system/{css,js,images}sudochown-Rwww-data:www-data/var/www/alarm-system

配置步骤2——Nginx配置Step2：修改nginx.conflocation/static/{alias/var/www/alarm-system/;#关键配置expires30d;#缓存30