gulp报错：Refused to apply style from ＜url＞ because it样式无法编译

完整报错信息为：

Refused to apply style from 'http://localhost:3000//css/style.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.

在html 文件中，引入外联样式css文件。本来我只是很小的功能，但是遇到了一个大的拦路虎。当出现报错的时候第一反应就是将link标签写完整：

<link  rel="stylesheet" type="text/css" href="css/style.css">

可是将type属性改为text/css依然没有解决我的问题。产生这个问题的真正原因是url写错了，我们前端人员要修改的是href属性的值

由于安全策略，浏览器不能直接获取本地文件，所以不能直接给href属性赋绝对路径的值会报错。 我们可以分析一下网页中的url http://localhost:3000/css/style.css ，后面的后缀其实就是href属性的值，也就是我们在给href赋值的时候要知道这个url的根目录是哪个文件，对于gulp本地服务器来说可以在server配置中找，会找到根目录，然后href属性的值是相对于这个根目录的位置。改好文件名和路径，这个问题就解决啦！