Why am I getting the error 400, when the fetch url is ok?
If I access the link in the browser, it returns the expected result most of the times.
Meaning: Sometimes, when I access the url in the browser I get the 400 error (say, 1 in 7 times), but it's fine after a browser refresh.
Also sometimes when it's called with fetch(), it throws the 400 error.
I don't understand why and how to fix it.
I am testing the file in the browser, locally.
Should I write the code to fetch again upon failure? Is that a good practice?
Example code:
fetch('https://my-url/some-code').then(res => res.json()).then(res => res).catch(error => console.log(error));
// randomNum iteration: expected result
// randomNum iteration: expected result
// randomNum iteration: 400 error
Should I write the code to fetch again upon failure? Is that a good practice?
Ideally you wouldn't want to call a second request, because there is most likely an underlying problem on your server that is resulting in this response being a 400 code. I don't see any problems with your current fetch request. If you can't fix your endpoint problem however, then just do the second fetch again. If it is only happening 1/7 times then you're only increasing the average workload time by 12.5%, which isn't a huge deal unless this is a heavily used application.
If a refresh on your browser is needed sometimes however, I'd pursue a bit more troubleshooting to make sure it really is your backend. Does the problem not go away unless you refresh? If so, can you access it correctly by opening a separate instance while the other is in need of a refresh? That would point to front-end possibly.
fetch('https://my-url/some-code').then(res => res.json()).(error => console.log(error);
removing the next then() and remove the error which is not in the ( )
-
05:00
-
04:50
-
04:40
Inject JavaScript files inside Templates or HTML with webpack
-
04:30
How do I override a JQuery (Datatable RowGroup) library function?
-
04:00
-
03:40
-
03:30
-
03:20
-
03:10
How to completely stop/reset/reinitialize Matter.js canvas/world/engine/instance
- search for elements in a list 37920 visits
- In Chrome 55, prevent showing Download button for HTML 5 video 35753 visits
- typescript: tsc is not recognized as an internal or external command, operable program or batch file 34421 visits
- RxJS5 - error - TypeError: You provided an invalid object where a stream was expected 33520 visits
- Ionic 2 - how to make ion-button with icon and text on two lines? 30922 visits
- Adding methods to es6 child class 19346 visits
- Conflict: Multiple assets emit to the same filename 9212 visits
