javascript - Set cache-control header in getInitialProps() in NextJs - Stack Overflow

admin管理员组

文章数量:1355522

I need to set Cache-Control header with a dynamic value in getInitialProps method. I tried the below.

if(context.res){
    context.res.setHeader('Cache-Control','My-Cache-Control');
    context.res.setHeader('My-Header','My-Value');
}

But it looks looks like NextJs is overriding the header value before sending the response. Below is the cache-control header value in response header in browser.

Cache-Control: no-store, must-revalidate
My-Header: My-Value

Let me know if anything is missing.

I need to set Cache-Control header with a dynamic value in getInitialProps method. I tried the below.

if(context.res){
    context.res.setHeader('Cache-Control','My-Cache-Control');
    context.res.setHeader('My-Header','My-Value');
}

But it looks looks like NextJs is overriding the header value before sending the response. Below is the cache-control header value in response header in browser.

Cache-Control: no-store, must-revalidate
My-Header: My-Value

Let me know if anything is missing.

• javascript
• reactjs
• next.js

Share Improve this question Follow asked Jan 10, 2018 at 10:10 Cyril Sadasivan PanickerCyril Sadasivan Panicker 6911 silver badge44 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 4

Cache-Control headers are overridden in development, so that pages do not get cached by the browser.

It will work in production (next build && next start).

as mentioned in this github bug

use res.setHeader()

res is a Node.js http.ServerResponse

本文标签： javascriptSet cachecontrol header in getInitialProps() in NextJsStack Overflow