“拒绝应用来自{link}的样式，因为它的MIME类型不受支持，并且未启用严格的MIME检查”在Vue + Vuetify应用中

问题描述

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

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

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

解决方法

我猜问题是该站点部署在 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>/'
    : '/'
}