我正在制作一个基本的 jQuery 游乐场网站。我收到错误: net::ERR_CONTENT_LENGTH_MISMATCH
在页面加载时发生并且背景图像未在页面上加载。
有问题的图像是 300kb,并且也在动态变化。我假设这与文件大小有关,但我真的不知道是什么。
最初使用的 HTML:
<p style="margin:0px; padding:0px;">
<img id="background" src="/bg1.jpg" style='width:100%;' border="0" alt="Null">
</p>
用于改变背景的 JavaScript/jQuery:
var changebg = function() {
if (myscore % 20 == 0) {
level++;
document.getElementById("level").innerHTML = "Level: " + level;
$("#level").fadeIn(1500, function(){$("#level").hide()})
backgroundindex++;
if (backgroundindex > 6) {
backgroundindex == Math.floor((Math.random()*6)+1)};
document.getElementById("background").src="/bg"+backgroundindex+".jpg";
};
}
原文由 LiamHT 发布,翻译遵循 CC BY-SA 4.0 许可协议
查看您的服务器日志以确定真正的问题是什么。
对我来说,问题出在 nginx 和文件权限之间:
tail -f /usr/local/var/log/nginx/error.log
或运行nginx -t
来确定您的 conf 位置,您可以在其中指定自定义日志路径。http://localhost:3000/assets/jquery/jquery.js
您可能会在日志中看到类似的内容:
以下是我修复的方法: