<link rel="stylesheet" type="text/css" href="/static/css/reset.css"> <link rel="stylesheet" type="text/css" href="/static/css/common.css">
为什么在index.html里加入这两句之后 浏览器 提示
Refused to apply style from 'http://localhost:1125/static/css/reset.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.
2018-03-12
我也遇到了这个问题，是因为静态资源访问限制导致。我用的express框架，添加上app.use(express.static(path.join(__dirname, 'views'))); 就可以访问到静态资源文件
http://www.expressjs.com.cn/starter/static-files.html
view下是我放置js、css的地方
webpack下这个问题我碰到了两次，纠结了两次。
第一次是通过设置module.noParse不解析指定的第三方库的路径下js文件解决，发现原因是第三方库在document.write引用自身其他依赖css、config.js时用的是相对路径，结果导致浏览器请求静态资源时路径错误返回404、Cannot GET xxx等，自然就解析成了'text/html。
第二次原因同上，粗暴点直接把源码里的依赖路径改成项目对应路径下就搞定了。
尝试设置 HTTP header X-XSS-Protection=0、X-Content-Type-Options = nosniff都无疾而终，且不论削弱了防XSS的能力。
看下webpack.config.js里有没有设置publicPath
module.exports = {
entry: path.join(__dirname, './src/app.jsx'),
output: {
path: path.join(__dirname, 'dist'),
filename: '[name].js',
publicPath: '/'
},另外看下有没有对webpack-dev-server设置contentBase，我是额外设置了contentBase 导致这个问题，不设置它， 默认是当前目录就可以了。
最后看下index.html, static, 和src 这三个文件夹的目录层级关系。以下是我的层级关系。
举报
