18910140161

vue项目启用压缩gzip

顺晟科技

2021-08-29 09:38:36

393

A1。项目中的配置

Vue-cli3.0项目安装依赖项:压缩-webpack-plugin

npm安装压缩-网络包-插件-保存-开发

const compression plugin=require(' compression-web pack-plugin ');

const ProductiongZipExtensions=/\。(js | CSS | JSON | txt | html | ico | SVG)(\?*)?$/I;

module.exports={

publicPath: '。/',

productionSourceMap: false,

configurewebpack k : { 0.},

chainWebpack:配置={ 0

config.resolve.alias.set('@ ',resolve(' src '));

if(process . ENV . NODE _ ENV==' production '){ 0

config.plugin('压缩插件')。使用(新的压缩插件({ 0

filename : '[路径]。' gz[查询]',

algorithm: 'gzip ',

test : ProductiongZipExtensions,

阈值: 10240,

最小值:0.8,

deleteOriginalAssets: true

}));

}

},

};

2.nginx配置

服务器启用gzip/etc/nginx/nginx.config。

gzip on

gzip _ static on

gzip _ min _ length 1k

gzip _ buffers 4 32k

gzip _ http _ version 1.1

gzip _ comp _ level 2;

gzip_types文本/普通应用程序/x-javascript文本/css应用程序/XML;

gzip _ vary on

gzip _ disable“MSIE[1-6]。”;

然后使用环境:http,服务器,位置,if(x)重新启动服务器nginx -s reload gzip,一般定义在http{….}}的nginx.conf gzip打开启用,关闭关闭。gzip_min_length 1k设置允许压缩的最小字节数,页面字节从报头中的Content-Length获取。默认值为0,无论页面大小如何,都会对其进行压缩。建议设置大于1k的字节数。如果小于1k,可能会越来越大。Gzip_buffers 4 16k获取用于缓存压缩结果的内存量。“4 16k”表示gzip_comp_level 5 gzip压缩比(1~9)以16k*4为单位获得。压缩效果越小,压缩效果越差,但处理越大,处理越慢,所以一般取中间值。gzip _ types text/plain application/x-JavaScript text/cssa application/xmltext/JavaScript application/x-httpd-PHP对特定的MIME类型生效。其中“文本/html”由系统强制启用。gzip_http_version 1.1识别http协议的版本,早期的浏览器可能不支持gzip自解压。用户将在启用响应头“vary: accept-encoding”上看到乱码gzip_vary,gzip _ proxied off nginx作为反向代理,它是启用的、关闭的(所有代理结果的数据压缩被关闭)、过期的(压缩被启用,如果头中包含“Expires”头信息)、无缓存(压缩被启用,头包含“cache-control: no-cache”)、无存储(压缩被启用,头包含“cache-control3360 no-store”)、私有(压缩被启用,头包含“cache-cache-Header” 如果标头不包含“etag”标头信息)、auth(启用压缩,如果标头包含“Authorization”标头信息)gzip_disable msie6 IE5.5和IE6 SP1使用msie6参数禁用gzip压缩),指定哪些浏览器不需要gzip压缩(这将与User-agent匹配)。 依赖PCRE的库注意:(gzip_static on)Nginx动态压缩首先压缩每个请求,然后输出,这会导致虚拟机浪费大量cpu。要解决这个问题,可以使用nginx模块Gzip预压缩。这个模块的功能是直接读取压缩文件(文件名加上。gz)而不是动态压缩,并为不支持gzip的请求读取原始文件。1.可以使用gzip命令或任何其他兼容命令压缩文件。2.gzip_static配置的优先级高于gzip。3.打开nginx_static后,首先会发现任何文件是否有对应的gz文件。4.gzip_types设置对gzip_static无效。5.gzip静态默认适用于HTTP 1.1。

我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航