Vue 网站首页加载优化

//Vue.prototype.$axios = axios;
//Vue.use(iView)

if (config.build.productionGzip) {
const CompressionWebpackPlugin = require('compression-webpack-plugin')

webpackConfig.plugins.push(
 new CompressionWebpackPlugin({
   asset: '[path].gz[query]',
   algorithm: 'gzip',
   test: new RegExp(
     '\\.(' +
     config.build.productionGzipExtensions.join('|') +
     ')$'
   ),
   threshold: 10240,
   minRatio: 0.8
  })
 )
}

"report": "npm run build --report=true"

gzip_static on;

gzip on;   开启或关闭gzip on off
     gzip_buffers 32 4k;
     gzip_comp_level 5;  压缩等级，字数越大压缩越好，时间也长
     gzip_static on;  重要！表示使用已经压缩好的gz文件，根据请求 配合vue生成的gz文件
     gzip_min_length  1k;
     gzip_http_version 1.1;
     gzip_types text/plain application/javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png;

/**
* 七牛云 访问工具
*
* @author johnny
* @create 2019-12-03 下午2:17
**/
public class QiniuAccessUtils {

/**
 * 七牛AK 自己去七牛云申请
 */
public static final String accessKey = "e1C2jGSQsaTBN******************";
/**
 * 七牛SK 自己去七牛云申请
 */
public static final String secretKey = "23pb5PmhN9j4*******************";
/**
 * 七牛存储空间名
 */

public static final String bucket = "johnny-blogs";
/**
 * 七牛默认域名 -> 切换为了 正式域名 http://cdn.askajohnny.com/
 */
public static final String domain = "http://cdn.askajohnny.com/";


//设置好账号的ACCESS_KEY和SECRET_KEY
private static String ACCESS_KEY = accessKey;
private static String SECRET_KEY = secretKey;

//要上传的空间 //对应要上传到七牛上 你的那个路径（自己建文件夹 注意设置公开）
private static String bucketname = bucket;

//密钥配置
private static Auth auth = Auth.create(ACCESS_KEY, SECRET_KEY);

private static Configuration cfg = new Configuration(Zone.huanan());
//创建上传对象

private static UploadManager uploadManager = new UploadManager(cfg);

//简单上传，使用默认策略，只需要设置上传的空间名就可以了
public static String getUpToken() {
    return auth.uploadToken(bucketname);
}


public static String UploadPic(String FilePath, String FileName) {
    Configuration cfg = new Configuration(Zone.huanan());
    UploadManager uploadManager = new UploadManager(cfg);
    //AccessKey的值
    String accessKey = ACCESS_KEY;
    //SecretKey的值
    String secretKey = SECRET_KEY;
    //存储空间名
    String bucket = bucketname;
    Auth auth = Auth.create(accessKey, secretKey);
    String upToken = auth.uploadToken(bucket);
    try {
        Response response = uploadManager.put(FilePath, FileName, upToken);
        //解析上传成功的结果
        DefaultPutRet putRet = new Gson().fromJson(response.bodyString(), DefaultPutRet.class);
        System.out.println(putRet.key);
        System.out.println(putRet.hash);
        return domain + FileName;
    } catch (QiniuException ex) {
        Response r = ex.response;
        System.err.println(r.toString());
        try {
            System.err.println(r.bodyString());
        } catch (QiniuException ex2) {
            //ignore
        }
    }
    return null;
  }
}