javascript - Node.js 服务器 - 无缓存且无法访问 chrome 上的图像属性

Question

我刚刚开始使用 Node ，我想使用套接字 IO 构建一个单页 Web 应用程序。我构建了一个简单的服务器代码:

http.createServer(function(req, res) {

    //Requested url split.
    var pathname = url.parse(req.url).pathname;
    var extension = path.extname(pathname).toLowerCase();

     console.log(pathname + " " + extension);

    if(extension == ".png"){
        res.writeHead(200, {
            'Content-Type': 'image/png'
        });  
   }
}

我像这样提供所有文件，还有其他“else if”情况用于提供 html、css 和 js 文件...

使用 mozilla 一切正常。使用 Chrome，我遇到了两个问题:

无缓存 -> 每次我在客户端 js 代码中使用它们时都会请求相同的图像，即使我使用 Image() 对象进行了一些预加载。无法访问加载的图像属性 -> 我无法获取 image.width() 或高度(返回 0)。在 Firefox 上，缓存有效，我可以获得图像属性。

使用 apache 服务器，一切在两个浏览器上都运行良好。

我完全陷入困境，有什么想法吗？

Answer 1

关于缓存，请尝试在静态文件的代码中显式设置缓存 header 。