node响应头缓存设置

我把react项目分成4个板块，在路由的顶层

今天在手机上打开react项目的时候，发现平级路由跳转时某一个图片较多的板块图片总是渲染得很慢，这分明是重新发起请求了。

然后我先查一下react-router是否有什么我还没了解到的问题，可是只查到有人说动态修改查询参数的时候不重新渲染，以及“同级路由跳转理所当然会重新渲染，必要时把某些组件挂载为子路由组件”之类的。

然后我打开我的node服务器查看，发现果然每次跳转时服务器都log下了一堆请求，这就奇怪了。

然后我查了下，发现原来是我的服务端脚本里没有对图片文件的cache control设置，所以默认都没有设置缓存。。。晕菜~~~

在某些资源的响应报头添加cache-control就好了

然后再打开项目跳转，缓存到本地了...

         case '.jpg':
         case '.png':
         case '.gif':
         fs.readFile('.'+pathname,(err,data)=>{
             if(err) console.log(err);
              res.writeHead(200, {
                "Content-Type": {
                    ".gif":"image/gif",
                    ".png":"image/png",
                    ".jpg":"image/jpeg",
                }[ext],
                "Cache-Control":"max-age=100000"
              });
              res.write(data);
              res.end();
         });
         break;
         case '.html':
         case '.css':
         case '.js':
         fs.readFile('.'+pathname,(err,data)=>{
             if(err) console.log(err);
              res.writeHead(200, {
                "Content-Type": {
                ".html":"text/html",
                ".css":"text/css",
                ".js":"application/javascript",
                }[ext],
                "Cache-Control":"max-age=600"
              });
              res.write(data);
              res.end();
         });
         break;
         case 'ico':break;