Vue3项目发布后页面空白问题

发表于 分类于 阅读次数： 本文字数： 585 阅读时长 ≈ 1 分钟

前言

Vue 3 项目使用 vite build 后，访问页面显示空白，控制台报错。

问题

Vue 3 项目使用 vite build 后，访问页面显示空白，控制台报错

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

原因

Win10注册表默认将 .js 的 Content-Type 写为 text/plain

解决

修改windows注册表添加以下字符串值：

1
2
3
4
5
[HKEY_CLASSES_ROOT\.js]
"Content Type"="text/javascript"

[HKEY_LOCAL_MACHINE\SOFTWARE\Classes\.js]
"Content Type"="text/javascript"

Win11的.js

Win11的 .js 的 Content-Type 是 application/javascript

后记

参考https://www.cnblogs.com/9527l/p/16212940.html