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;

巴特西

node响应头缓存设置

最新文章

热门文章