“拒绝应用来自 link 的样式，因为它的 MIME 类型不受支持且已启用严格的 MIME checkinis。”在 Vue+Vuetify 应用中

Posted 2023-03-15

【中文标题】“拒绝应用来自 link 的样式，因为它的 MIME 类型不受支持且已启用严格的 MIME checkinis。”在 Vue+Vuetify 应用中

【英文标题】："Refused to apply style from link because its MIME type is not a supported and strict MIME checkinis enabled." in Vue+Vuetify App“拒绝应用来自 link 的样式，因为它的 MIME 类型不受支持且已启用严格的 MIME checkinis。”在 Vue+Vuetify 应用中

【发布时间】：2021-01-09 00:02:52

【问题描述】：

我使用 vue-create-app 创建了一个 Vue+Vuetify 项目。在我的本地系统中，Vuetify 工作正常，但在 Gitlab 实时服务器 上不起作用。并在实时应用中显示此错误消息：

“拒绝应用来自 'https://me.gitlab.io/css/chunk-vendors.16d7cb41.css' 的样式，因为它的 MIME 类型 ('text/html') 不是受支持的样式表 MIME 类型，并且已启用严格的 MIME 检查。”

我在 Gitlab 中部署了应用程序，没有修改 vue-create-app 的锅炉代码。

【参考方案1】：

我猜问题是该站点部署在 https://me.gitlab.io/<project-name>/ 但生成的 index.html 包含绝对路径，例如/css/chunk-vendors.16d7cb41.css.

作为documentend here，我通过编辑我的vue-config.js 来添加：

module.exports = 
  publicPath: process.env.NODE_ENV === 'production'
    ? '/<project-name>/'
    : '/'