问答

vue配置gzip压缩,nginx也开启gzip,但是nginx中gzip_static不能

作者:admin 2021-06-27 我要评论

nginx中配置如下 location / { #root html;root /usr/local/nginx/html;index index.html index.htm;try_files $uri $uri/ /index.html; gzip_static on; } 访问...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

nginx中配置如下
location / {

#root   html;
root /usr/local/nginx/html;
index  index.html index.htm;
try_files $uri $uri/ /index.html; 
gzip_static on;

}

访问页面打开时空白页,调试查看index中的dist/build.js并没有正确的加载。

于是将try_files $uri $uri/ /index.html; 注释掉,页面时可以访问,.gz文件也能解压。但是注释掉后刷新带路径及参数的网址自然不能访问。

又将gzip_static on;注释掉,try_files $uri $uri/ /index.html; 取消注释。页面也能正确访问,但是不支持gz解压。

请问这种问题应该怎么解决?

###

两个办法:

  1. 不用 try_files 用 if + rewrite
  2. 配置 gzip_static always + gunzip on;,给 .gz 文件创建一个空的未压缩文件。例如在 build.js.gz 同目录创建一个空的 build.js

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • vue配置gzip压缩,nginx也开启gzip,但

    vue配置gzip压缩,nginx也开启gzip,但

  • 项目引入spring5出现循环依赖问题

    项目引入spring5出现循环依赖问题

  • vue+element ui el-tree目录树作用于三

    vue+element ui el-tree目录树作用于三

  • vue权限控制按钮不可编辑

    vue权限控制按钮不可编辑

腾讯云代理商
海外云服务器