a. gzip archivo comprimido producido localmente cuando se envasa
compresión gzip abierta de configuración del servidor b.nginx
vue.config.js Ⅰ configuración gzip:
const CompressionPlugin = require('compression-webpack-plugin') //gzip 压缩的插件
const productionGzipExtensions = /\.(js|css|json|txt|html|ico|svg)(\?.*)?$/i; //要进行压缩的文件类型
// 配置gzip
configureWebpack: config => {
if (process.env.NODE_ENV === 'production') {
config.plugins.push(new CompressionPlugin({
algorithm: 'gzip',
test: productionGzipExtensions,
threshold: 10240,
minRatio: 0.8
})
)
}
}
Nota: Después de modificar la configuración vue.config.js, hay que recordar que reiniciar o reenvasado (pista NPM servir / NPM plazo de construcción)
Nginx Ⅱ a su vez gzip comprime
// turno en la compresión gzip; gzip en
gzip_disable "IE6"; // Microsoft IE6 versión de baja NA gzip
EN gzip_static; // predeterminado leer gzip comprimido del paquete de archivos locales
pasos:
1. 连接远程服务器
2. 跳转
cd /etc/nginx
vim nginx.config
3. insert
gzip on;
gzip_disable "msie6";
gzip_static on;
4. nginx -s reload 重启nginx