"Refused to apply style from {link} because its MIME type is not a supported and strict MIME checki

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>/'
: '/'
}