vue3 + gzip +nginx 部署 静态文件被识别成text/html的问题

Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of “text/html”. Strict MIME type checking is enforced for module scripts per HTML spec.

出现该问题的场景为解决vue gzip打包部署，nginx配置 try_files $uri $uri/ @router 解决刷新404问题的情况下产生，一开始以为是nginx的配置出了问题，但是一点点穷举问题后发现，不用gzip打包，nginx配置未更改是可以完美运行的，那问题的重点就是在gzip上了。
然后在自信看下提示的错误，text/html，这个是请求html的类型，这个类型也没有问题，问题是请求css js 也是这个类型，那就有问题了，f12打开开发者查看请求的返回，发现所有的请求全部返回的都是index.html中的类容，那问题就很明显了，为解决404其他路由地址全部重定向到index，那为什么不使用gzip的时候是正常的呢。
nginx的具体是怎么判断的，这块不太清楚，不过可以知道的是页面请求的是123456.js，实际需要访问的是123456.js.gz，那实际123456.js不存在，那可不就依照nginx的配置被重定向到index.html。
按着这个发现，我重新用gzip打包，但是保留了源文件（123456.js和123456.js.gz同时存在）从而进行尝试，这次问题解决，完美运行，页面请求123456.js，文件存在，没有被重定向，访问资源nginx从123456.js.gz获取，依然节约了资源。但是123456.js 这个不能删除，目前这是我碰到最好的解决办法，影响并不大，多用了服务器一丢丢资源而已。如果有其他更好的解决办法，可以评论交流交流。