“拒绝应用 {link} 中的样式，因为其 MIME 类型不受支持且启用了严格的 MIME 检查。”在 Vue+Vuetify 应用程序中

Question

我使用 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

的锅炉代码。

Answer 1

我猜问题是该网站部署在

https://me.gitlab.io/<project-name>/

但生成的 index.html 包含绝对路径，例如

/css/chunk-vendors.16d7cb41.css

。

作为文档结束，我通过编辑我的

vue-config.js

来添加：

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