使用 vue-vben-admin 开发后台管理系统,在 「构建&部署」 项目的时候,可以开启 brotli 压缩,并配合 Nginx 的 brotli_static
功能可以大大加快页面访问速度,brotli 是比 gzip 压缩率更高的算法,可以与 gzip 共存不会冲突,需要 Nginx 安装指定模块并开启即可。
接下来,我们通过「宝塔」,编译安装 Nginx,增加 brotli 模块的支持
1. 下载 ngx_brotli 模块
cd /www/server/
git clone https://github.com/google/ngx_brotli.git
cd ngx_brotli/
git submodule update --init
2. 在宝塔面板的软件商店里,搜索 Nginx,选择「编译安装」
添加自定义模块 --add-module=/www/server/ngx_brotli
3. Nginx 配置
http {
...
# 开启 brotli压缩
brotli on;
brotli_static always;
brotli_comp_level 6;
brotli_buffers 16 8k;
brotli_min_length 20;
brotli_types text/plain text/css application/json application/x-javascript text/xml application/xml application/xml+rss text/javascript application/javascript image/svg+xml;
...
}
4. 完