nginx 开启静态 gzip 配合 Vue 构建

Posted savokiss

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了nginx 开启静态 gzip 配合 Vue 构建相关的知识,希望对你有一定的参考价值。

在站点配置添加如下代码:

    location ~* \.(css|js)$ {
       gzip_static on;
    }

这是nginx的静态 gzip功能,会自动查找对应扩展名的文件,如果存在 gzip 文件,就使用,如果没有就用源文件

 

配合 vue-cli 的构建工具,开启 config/index.js 中的

productionGzip: true

 

即可食用 gzip 啦~

 

refer: 论坛文章

以上是关于nginx 开启静态 gzip 配合 Vue 构建的主要内容,如果未能解决你的问题,请参考以下文章

nginx开启gzip

vue 开启gzip ,nginx 配置gzip

前端打包gzip + nginx开启静态gzip

nginx开启gzip压缩和静态缓存

nginx开启gzip和静态资源缓存location

nginx开启gzip和静态资源缓存location