解决前端请求chunk-vendors.js文件过大，导致前端页面刷新后空白时间很长

最新推荐文章于 2024-04-30 14:00:42 发布

夸克的弟弟

最新推荐文章于 2024-04-30 14:00:42 发布

阅读量1.3k

点赞数 1

文章标签：前端 javascript vue.js nginx

本文链接：https://blog.csdn.net/znxncnfn/article/details/129101327

版权

问题：

前端请求chunk-vendors.js文件过大有44m，导致前端页面刷新后该请求时间在4.5-5s左右

解决办法

1.在前端vue.config.js中增加关于gzip的配置

configureWebpack: config => {
    config.plugins.push(
        new CompressionWebpackPlugin({
          algorithm: 'gzip',
          test: new RegExp('\\.(' + productionGzipExtensions.join('|') + ')$'),
          threshold: 10240,
          minRatio: 0.8
        })
      )
  }

2.在nginx.conf中增加配置如下

	gzip on;
    gzip_buffers 32 4K;
    gzip_comp_level 6;
    gzip_min_length 100;
    gzip_types application/javascript text/css text/xml;
    gzip_disable "MSIE [1-6]\."; #配置禁用gzip条件，支持正则。此处表示ie6及以下不启用gzip（因为ie低版本不支持）
    gzip_vary on;