如何解决“拒绝应用来自{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>/'
: '/'
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。