Vue3+vite打包发版到nginx项目报错:Failed to load module script

项目场景:
近期做一个单点登录项目,vue3+vite4打包项目,用nginx做二级目录代理托管项目。

问题描述
打包好项目发布上传到 nginx 后,浏览器访问,出现一下报错信息:

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

这个错误提示的意思是:网页中使用了模块脚本(module script),但服务器返回的 MIME 类型是 “text/html”,而不是 JavaScript 类型。根据 HTML 规范,严格的 MIME 类型检查会对模块脚本进行强制执行。

端框架为vue3+vite,将vite.config.ts文件base属性修改为/,问题解决。

在麒麟系统v10 SP1 版本中

需要把 ngnix的配置目录 html目录 和assets目录 的权限 修改成 可读,可执行

没有权限读取 也报上面的错误

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容