正常部署vue项目的时候，我们一般会直接把静态代码丢到服务器就正常访问了，但是这样项目大了之后会发现页面访问速度很慢，除了一些插件的按需引入之外，我们还可以使用Nginx来压缩前端资源，加快网页访问速度。
    在Nginx的vue配置中加入如下代码：

    1. gzip on; 
    2. gzip_static on;
    3. gzip_buffers 4 16k;
    4. gzip_comp_level 5;
    5. gzip_types text/plain application/javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png;

    这样Nginx端的配置就修改好了，不要忘记重载Nginx配置！
    接下来还要vue端做出一些修改，在vue.config.js文件中做修改，引入compression-webpack-plugin插件并配置，具体代码如下：

    1. // 导入compression-webpack-plugin
    2. const CompressionWebpackPlugin = require('compression-webpack-plugin')
    3. // 定义压缩文件类型
    4. const productionGzipExtensions = ['js', 'css']
    6. module.exports = {
    7.     //其他配置....
    8.     configureWebpack: {
    9.         plugins: [
    10.             new CompressionWebpackPlugin({
    11.                 filename: '[path].gz[query]',
    12.                 algorithm: 'gzip',
    13.                 test: new RegExp('\\.(' + productionGzipExtensions.join('|') + ')$'),
    14.                 threshold: 10240,
    15.                 minRatio: 0.8
    16.             })
    17.         ],
    18.     }
    19. }

    这样修改之后，build后会把一些文件压缩为gzip，访问速度杠杠的。