Vue CLI3如何打开gzip压缩文件

Gizp压缩是http请求的一种优化方法，通过减小文件大小来提高加载速度。Html、js、css文件甚至json数据都可以用它压缩，可以减少60%以上的体积。

打包webpack时可以借助压缩web pack插件实现Gzip压缩。首先，安装插件：

网络包插件

在vue cli3.0生成的项目中，可以在vue.config.js中进行如下配置：

压缩前后的大小大致如下：

生成的压缩文件以结尾。gz:

一般浏览器都支持。gz资源文件，您可以在http请求的请求头中看到Accept-Encoding:gzip。

为了让服务器返回。gz文件中，服务器需要配置为根据请求头的Accept-Encoding标签进行身份验证，并返回。gz文件(如果支持gzip)。

摘要

以上是边肖介绍的打开gzip压缩文件的方式。希望对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！