Angular HTTP 'get' request 304 error

Question

I was building angular's official 'heroes tutorial app' and instead of using their in-memory-data code, i tried using a json.placeholders (users) api so the app would be more real-world example.

Problem is when i change the official codes example url(in-memory-url) with the json.placeholder's api it just doesnt list the names and i checked the chrome dev console-network tab it shows status code 304,

By the way I am only trying to make a get request part of the tutorial, here is the error:

Request URL:https://jsonplaceholder.typicode.com/users
Request Method:GET
Status Code:304 
Remote Address:104.31.87.157:443
Referrer Policy:no-referrer-when-downgrade

Edit:

So i managed to list users from json.placeholder on the app with using observables from rxjs, then i changed it back to promise method official website shows that way and still not listing. Maybe it's something about the angular's promises i dont know.

However browsers network still showing 304 status. I am worrying that this could be a problem and it shouldn't be this way. So any help would be appreciated thanks.

This looks like it actually worked better than you would have expected. Can you show us a bit of your code? — DaSourcerer
– DaSourcerer, Commented May 2, 2017 at 20:59

Boschko · Accepted Answer · 2017-05-02 21:39:44Z

3

HTTP 304 header code means "Not modified", it's not an error. According to the RFC 2616 of HTTP 1.1, the server only sends back headers, not the response which tells the browser to use the response that it had already in cache.

On the other hand, angular will always put 200 in status (even if it is a 304) and you shouldn't have to bother about keeping up to date your data, since you retrieve the fresher value each time (without bothering if it's from a cache in the server or fresh data from the server)

Id Add a random query string behind your url, that takes timestamp as the value. This way, each request will be considered a fresh one

Moreover id refer you to this topic

answered May 2, 2017 at 21:39

Boschko

3745 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Akbar jan- JEE developer · Accepted Answer · 2023-09-25 07:33:05Z

0

I was facing this issue in Angular 15. Reason was, I sending blank request to post rest API.

I fixed by sending random number in payload as:

let randomNo=Math.floor(Math.random() * (50 - 1 + 1)) + 1;

let payload= {randomNo:randomNo};

answered Sep 25, 2023 at 7:33

Akbar jan- JEE developer

1192 silver badges4 bronze badges

Comments

Tajammul Hussain · Accepted Answer · 2024-09-30 16:41:56Z

0

in some cases the cached headers go away by simply comment out the component rendered area in index.html file (better to do in the app component html file also) and un comment after a page reload

answered Sep 30, 2024 at 16:41

Tajammul Hussain

1

Collectives™ on Stack Overflow

Angular HTTP 'get' request 304 error

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related