javascript - 拒绝应用来自 'http://localhost:3000/style.css' 的样式,因为它的 MIME 类型('text/html')
问题描述
运行客户端服务器 JS 应用程序时出现此错误
DevTools 中的控制台错误:
Refused to apply style from 'http://localhost:3000/style.css' because its MIME type
('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.
客户代码:
const postData = async ( url = '', data = {})=>{
console.log(data);
const response = await fetch(url, {
method: 'POST',
credentials: 'same-origin',
headers: {
'Content-Type': 'application/json',
},
// Body data type must match "Content-Type" header
body: JSON.stringify(data),
});
try {
const newData = await response.json();
console.log(newData);
return newData;
}catch(error) {
console.log("error", error);
}
}
postData('/addMovie', {answer:42});
服务器代码:
const express = require('express')
const bodyParser = require('body-parser');
const app = express()
app.use(bodyParser.urlencoded({extended : false}));
app.use(bodyParser.json());
const cors = require('cors');
app.use(cors());
app.use(express.static('website'))
const port = 3000
app.listen(port, getServerPortInfo)
function getServerPortInfo() {
console.log("Server listening at port " + port)
}
const data = []
app.post('/addMovie', addMovie)
function addMovie (req, res){
console.log(req.body)
console.log("here")
data.push(req.body)
console.log(data)
res.send(data)
}
文件:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Weather Journal</title>
<link href="https://fonts.googleapis.com/css?family=Oswald:400,600,700|Ranga:400,700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div>
<button id="generate" type = "submit"> Generate </button>
</div>
<script src="app.js" type="text/javascript"></script>
</body>
</html>
您能否提供一些链接、建议或指示来帮助我找到解决方案?
奇怪的是我没有css文件。
请注意,我已经阅读了这篇文章,但对我的情况没有帮助: Chrome 控制台错误:拒绝应用样式,因为它的 MIME 类型('text/html')
解决方案
您已指定:
<link rel="stylesheet" href="style.css">
但是您没有style.css文件。的请求http://localhost:3000/style.css
导致 404 错误,并且您的服务器提供了 HTML 响应(mimetype 为text/html
)。错误说明了一切:
拒绝应用来自“
http://localhost:3000/style.css
”的样式,因为它的 MIME 类型 ('text/html') 不是受支持的样式表 MIME 类型,并且启用了严格的 MIME 检查。
要解决此问题,请使用完整 URL 链接到实际的style.css ,或者如果任何地方都不存在此类style.css资源,则完全删除样式表链接。
推荐阅读
- java - 寻找两个节点之间的最短距离
- sql - 如何在 LINQ 中复制分区关键字
- java - 通过Java中的各种过滤器组合从SQL查询中获取列
- amazon-web-services - Cloudformation Init 的 Cloudformation 输出
- elasticsearch - 弹性搜索是否仅将堆内存用于缓存?
- java - 停止 Java switch case 需要输入
- java - 在 Intellij 上使用代号一 6.0 构建代号一项目时出错(反射错误)
- google-cloud-platform - DialogFlow,文本限制
- selenium - Katalon 测试执行
- android - 当前用户权限不足google api