nginx 开启gzip, vue加载速度加快

http {
    log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
                      '$status $body_bytes_sent "$http_referer" '
                      '"$http_user_agent" "$http_x_forwarded_for"';

    access_log  /var/log/nginx/access.log  main;

    sendfile            on;
    tcp_nopush          on;
    tcp_nodelay         on;
    keepalive_timeout   65;
    types_hash_max_size 2048;

    # 开启gzip
    gzip on;
    gzip_static on;
    gzip_disable "msie6";
    gzip_vary on;
    gzip_proxied any;
    gzip_comp_level 6;
    gzip_buffers 16 8k;
    gzip_http_version 1.1;
    gzip_types text/plain text/css application/json application/javascript text/xml application/xml application/xml+rss text/javascript;


    include             /etc/nginx/mime.types;
    default_type        application/octet-stream;

    # Load modular configuration files from the /etc/nginx/conf.d directory.
    # See http://nginx.org/en/docs/ngx_core_module.html#include
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue3中,可以通过在Nginx配置中启用gzip压缩来提高网站的性能。以下是一些关于Vue3 Nginx配置gzip压缩的信息: 1. 在Nginx配置文件中,可以使用以下指令来启用gzip压缩: gzip on; 2. 可以使用以下指令来设置启用gzip压缩的最小文件大小: gzip_min_length 1k; 3. 可以使用以下指令来设置压缩所需要的缓冲区大小: gzip_buffers 16 64k; 4. 可以使用以下指令来设置gzip压缩针对的HTTP协议版本: gzip_http_version 1.1; 5. 可以使用以下指令来设置gzip压缩级别,数字越大压缩的越好,也越占用CPU时间: gzip_comp_level 3; 6. 可以使用以下指令来设置需要进行gzip压缩的文件类型: gzip_types text/plain application/x-javascript application/javascript text/javascript text/css application/xml application/x-httpd-php image/jpeg image/gif image/png; 7. 可以使用以下指令来在http header中添Vary: Accept-Encoding: gzip_vary on; 8. 在Vue3中,可以使用compression-webpack-plugin插件来进行gzip压缩。可以通过以下步骤来安装和配置该插件: - 安装插件:npm i -D compression-webpack-plugin - 在vue.config.js文件中导入插件: const CompressionWebpackPlugin = require('compression-webpack-plugin') - 在configureWebpack选项中添插件: configureWebpack: { plugins: [ new CompressionWebpackPlugin({ test: new RegExp('\\.(js|css)$'), threshold: 10240, deleteOriginalAssets: false }) ] } 以上是关于Vue3 Nginx配置gzip压缩的一些信息,希望对你有所帮助。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值