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

问题：

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，搞定。

总结：

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

 

转载于:https://www.cnblogs.com/ziChin/p/10271069.html

总结

以上是生活随笔为你收集整理的在vue项目npm run build后，index.html中引入css和js 报MIME type问题的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。