在vue项目npm run build后，index.html中引入css和js 报MIME type问题

Posted 2021-02-03 子卿

问题：

1.在vue项目中,build打包后,index页面打开会报错, MIME type (‘text/html‘) ;报错内容：because its MIME type (‘text/html‘) is not a supported stylesheet MIME type2.控制台报错：报错内容：http://127.0.0.1:5500/static/css/app.04f46711e76646577281177c721d6432.css 这个地址Cannot GET

解决思路：

1.是否是引入没有添加type=text/css rel="stylesheet" rel="stylesheet" type=text/javascript否，past！

2.是否是资源被拦截了或者没有找到
在浏览器中打开样式地址，yes，没找到
3.那么：
这是路径问题，导致资源加载失败，更改配置把引用publicPath改成相对引用 PublicPath: ‘./‘ ，重新build，搞定。

总结：

一般这种问题不会是我们代码不严谨的问题，根源大概率出现在：被拦截或者路径没有配对。