前端打包开启gzip后,资源404

求助

就是我在vue项目中打包开启gzip,配置如下

然后打包完,在dist文件的js文件夹下看到有这些文件

然后在html文件中看到引入js是这样的

这没有问题,但是如果我将配置项的 deleteOriginalAssets选项打开, 那么打包出来的源文件就被删掉了,然后控制台就报404,搞不懂是什么问题,路径的引用是没问题的,因为源文件没删的时候是可以的

我感觉就是文件的后缀的问题, 因为打包后引入的还是js文件后缀,但是生成的gzip,后缀是js.gz, 

但是我不会怎么引入,因为是生成出来的,也不知道怎么改,   求助 求助 !!!!!!!

打包的时候会更改静态资源的名称，动态路径最好是用后台接口返回的。

您好，我是有问必答小助手，您的问题已经有小伙伴解答了，您看下是否解决，可以追评进行沟通哦~

如果有您比较满意的答案 / 帮您提供解决思路的答案，可以点击【采纳】按钮，给回答的小伙伴一些鼓励哦～～

ps:问答VIP仅需29元，即可享受5次/月 有问必答服务，了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632

您nginx配置时，需要配置 开启静态文件压缩
gzip on;
gzip_static on; # 开启静态文件压缩
gzip_min_length 1k; # 不压缩临界值，大于1K的才压缩
gzip_buffers 4 16k;
gzip_http_version 1.1;
gzip_comp_level 2;
gzip_types text/plain application/javascript application/x-javascript text/javascript text/css application/xml application/xml+rss; # #进行压缩的文件类型
gzip_vary on;
gzip_proxied expired no-cache no-store private auth;
gzip_disable "MSIE [1-6].";