How to disable caching with HttpClient get in Angular 6
up vote
2
down vote
favorite
I'm writing an Angular SPA app, that uses HttpClient to get values from my backend.
What is the easy way to tell it not to cache? The first time I ask it gets the value, then it refuses to make subsequent queries.
Thanks,
Gerry
angular caching httpclient
asked Nov 9 at 19:47
Gerry
66641528
add a comment |
up vote
2
down vote
favorite
I'm writing an Angular SPA app, that uses HttpClient to get values from my backend.
What is the easy way to tell it not to cache? The first time I ask it gets the value, then it refuses to make subsequent queries.
Thanks,
Gerry
angular caching httpclient
asked Nov 9 at 19:47
Gerry
66641528
Do you have control of the backend as well?
– user184994
Nov 9 at 19:51
can you include the code of these requests?, and the component template also, and what backend framework are you using if any?
– Hussein
Nov 9 at 19:52
As far as I know you can't. I thought this was a function of the browser. I have heard of hacks like adding a random integer to the get so the browser doesn't match with a previous request. Otherwise I just post to my API. Caching get calls has caused me so much pain in the past.
– Ryan E.
Nov 9 at 19:53
Looks like you can add some header attributes to your requests -> stackoverflow.com/questions/37755782/… Looks like you can control this server side as well according to one of the commenters.
– Ryan E.
Nov 9 at 19:54
add a comment |
up vote
2
down vote
favorite
up vote
2
down vote
favorite
I'm writing an Angular SPA app, that uses HttpClient to get values from my backend.
What is the easy way to tell it not to cache? The first time I ask it gets the value, then it refuses to make subsequent queries.
Thanks,
Gerry
angular caching httpclient
asked Nov 9 at 19:47
Gerry
66641528
I'm writing an Angular SPA app, that uses HttpClient to get values from my backend.
What is the easy way to tell it not to cache? The first time I ask it gets the value, then it refuses to make subsequent queries.
Thanks,
Gerry
angular caching httpclient
angular caching httpclient
asked Nov 9 at 19:47
Gerry
66641528
asked Nov 9 at 19:47
Gerry
66641528
asked Nov 9 at 19:47
Gerry
66641528
asked Nov 9 at 19:47
Gerry
66641528
asked Nov 9 at 19:47
Gerry
66641528
66641528
Do you have control of the backend as well?
– user184994
Nov 9 at 19:51
can you include the code of these requests?, and the component template also, and what backend framework are you using if any?
– Hussein
Nov 9 at 19:52
As far as I know you can't. I thought this was a function of the browser. I have heard of hacks like adding a random integer to the get so the browser doesn't match with a previous request. Otherwise I just post to my API. Caching get calls has caused me so much pain in the past.
– Ryan E.
Nov 9 at 19:53
Looks like you can add some header attributes to your requests -> stackoverflow.com/questions/37755782/… Looks like you can control this server side as well according to one of the commenters.
– Ryan E.
Nov 9 at 19:54
add a comment |
Do you have control of the backend as well?
– user184994
Nov 9 at 19:51
can you include the code of these requests?, and the component template also, and what backend framework are you using if any?
– Hussein
Nov 9 at 19:52
As far as I know you can't. I thought this was a function of the browser. I have heard of hacks like adding a random integer to the get so the browser doesn't match with a previous request. Otherwise I just post to my API. Caching get calls has caused me so much pain in the past.
– Ryan E.
Nov 9 at 19:53
Looks like you can add some header attributes to your requests -> stackoverflow.com/questions/37755782/… Looks like you can control this server side as well according to one of the commenters.
– Ryan E.
Nov 9 at 19:54
Do you have control of the backend as well?
– user184994
Nov 9 at 19:51
Do you have control of the backend as well?
– user184994
Nov 9 at 19:51
can you include the code of these requests?, and the component template also, and what backend framework are you using if any?
– Hussein
Nov 9 at 19:52
can you include the code of these requests?, and the component template also, and what backend framework are you using if any?
– Hussein
Nov 9 at 19:52
As far as I know you can't. I thought this was a function of the browser. I have heard of hacks like adding a random integer to the get so the browser doesn't match with a previous request. Otherwise I just post to my API. Caching get calls has caused me so much pain in the past.
– Ryan E.
Nov 9 at 19:53
As far as I know you can't. I thought this was a function of the browser. I have heard of hacks like adding a random integer to the get so the browser doesn't match with a previous request. Otherwise I just post to my API. Caching get calls has caused me so much pain in the past.
– Ryan E.
Nov 9 at 19:53
Looks like you can add some header attributes to your requests -> stackoverflow.com/questions/37755782/… Looks like you can control this server side as well according to one of the commenters.
– Ryan E.
Nov 9 at 19:54
Looks like you can add some header attributes to your requests -> stackoverflow.com/questions/37755782/… Looks like you can control this server side as well according to one of the commenters.
– Ryan E.
Nov 9 at 19:54
add a comment |
1 Answer
1
active
oldest
votes
up vote
0
down vote
accepted
Using meta HTML tags, Disable browser caching:-
<meta http-equiv="cache-control" content="no-cache, must-revalidate, post-check=0, pre-check=0">
<meta http-equiv="expires" content="0">
<meta http-equiv="pragma" content="no-cache">
or,
Add headers in http request as:-
headers = new Headers(
'Cache-Control': 'no-cache, no-store, must-revalidate, post-
check=0, pre-check=0',
'Pragma': 'no-cache',
'Expires': '0'
);
answered Nov 9 at 20:57
Ahmad mnzr
770218
Actually I added a CustomHttpInterceptor service to do this for all of my http requests.
– Gerry
Nov 15 at 17:20
Yes, adding it in interceptor for every http request is a good idea.
– Ahmad mnzr
Nov 15 at 17:36
add a comment |
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
up vote
0
down vote
accepted
Using meta HTML tags, Disable browser caching:-
<meta http-equiv="cache-control" content="no-cache, must-revalidate, post-check=0, pre-check=0">
<meta http-equiv="expires" content="0">
<meta http-equiv="pragma" content="no-cache">
or,
Add headers in http request as:-
headers = new Headers(
'Cache-Control': 'no-cache, no-store, must-revalidate, post-
check=0, pre-check=0',
'Pragma': 'no-cache',
'Expires': '0'
);
answered Nov 9 at 20:57
Ahmad mnzr
770218
Actually I added a CustomHttpInterceptor service to do this for all of my http requests.
– Gerry
Nov 15 at 17:20
Yes, adding it in interceptor for every http request is a good idea.
– Ahmad mnzr
Nov 15 at 17:36
add a comment |
up vote
0
down vote
accepted
Using meta HTML tags, Disable browser caching:-
<meta http-equiv="cache-control" content="no-cache, must-revalidate, post-check=0, pre-check=0">
<meta http-equiv="expires" content="0">
<meta http-equiv="pragma" content="no-cache">
or,
Add headers in http request as:-
headers = new Headers(
'Cache-Control': 'no-cache, no-store, must-revalidate, post-
check=0, pre-check=0',
'Pragma': 'no-cache',
'Expires': '0'
);
answered Nov 9 at 20:57
Ahmad mnzr
770218
Actually I added a CustomHttpInterceptor service to do this for all of my http requests.
– Gerry
Nov 15 at 17:20
Yes, adding it in interceptor for every http request is a good idea.
– Ahmad mnzr
Nov 15 at 17:36
add a comment |
up vote
0
down vote
accepted
up vote
0
down vote
accepted
Using meta HTML tags, Disable browser caching:-
<meta http-equiv="cache-control" content="no-cache, must-revalidate, post-check=0, pre-check=0">
<meta http-equiv="expires" content="0">
<meta http-equiv="pragma" content="no-cache">
or,
Add headers in http request as:-
headers = new Headers(
'Cache-Control': 'no-cache, no-store, must-revalidate, post-
check=0, pre-check=0',
'Pragma': 'no-cache',
'Expires': '0'
);
answered Nov 9 at 20:57
Ahmad mnzr
770218
Using meta HTML tags, Disable browser caching:-
<meta http-equiv="cache-control" content="no-cache, must-revalidate, post-check=0, pre-check=0">
<meta http-equiv="expires" content="0">
<meta http-equiv="pragma" content="no-cache">
or,
Add headers in http request as:-
headers = new Headers(
'Cache-Control': 'no-cache, no-store, must-revalidate, post-
check=0, pre-check=0',
'Pragma': 'no-cache',
'Expires': '0'
);
answered Nov 9 at 20:57
Ahmad mnzr
770218
answered Nov 9 at 20:57
Ahmad mnzr
770218
answered Nov 9 at 20:57
Ahmad mnzr
770218
answered Nov 9 at 20:57
Ahmad mnzr
770218
770218
Actually I added a CustomHttpInterceptor service to do this for all of my http requests.
– Gerry
Nov 15 at 17:20
Yes, adding it in interceptor for every http request is a good idea.
– Ahmad mnzr
Nov 15 at 17:36
add a comment |
Actually I added a CustomHttpInterceptor service to do this for all of my http requests.
– Gerry
Nov 15 at 17:20
Yes, adding it in interceptor for every http request is a good idea.
– Ahmad mnzr
Nov 15 at 17:36
Actually I added a CustomHttpInterceptor service to do this for all of my http requests.
– Gerry
Nov 15 at 17:20
Actually I added a CustomHttpInterceptor service to do this for all of my http requests.
– Gerry
Nov 15 at 17:20
Yes, adding it in interceptor for every http request is a good idea.
– Ahmad mnzr
Nov 15 at 17:36
Yes, adding it in interceptor for every http request is a good idea.
– Ahmad mnzr
Nov 15 at 17:36
add a comment |
draft saved
draft discarded
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53232382%2fhow-to-disable-caching-with-httpclient-get-in-angular-6%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Do you have control of the backend as well?
– user184994
Nov 9 at 19:51
can you include the code of these requests?, and the component template also, and what backend framework are you using if any?
– Hussein
Nov 9 at 19:52
As far as I know you can't. I thought this was a function of the browser. I have heard of hacks like adding a random integer to the get so the browser doesn't match with a previous request. Otherwise I just post to my API. Caching get calls has caused me so much pain in the past.
– Ryan E.
Nov 9 at 19:53
Looks like you can add some header attributes to your requests -> stackoverflow.com/questions/37755782/… Looks like you can control this server side as well according to one of the commenters.
– Ryan E.
Nov 9 at 19:54