angular - Preflight CORS request fails intermittently - Stack Overflow

I am developing a web app which fetches data from a backend API server. Most of the times, this is succ

I am developing a web app which fetches data from a backend API server. Most of the times, this is successful. Sometimes the preflight request fails with the following error -

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://<some-backend-server>. (Reason: CORS request did not succeed). Status code: (null).

This issue is only observed on Firefox and not on other browsers. And typically only seen when my laptop starts after going to sleep. Another thing I noticed is that on browser console in network tab, when I switch to raw request headers, all the requests to the above endpoint which are successful shows up like this - OPTIONS /<endpoint> HTTP/1.1.

Whereas all the requests that fail show up like this - OPTIONS /<endpoint> undefined

Edit 1 - Further investigation of backend proxy logs suggest that when the request is failing, the call is not reaching backend at all.

I am developing a web app which fetches data from a backend API server. Most of the times, this is successful. Sometimes the preflight request fails with the following error -

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://<some-backend-server>. (Reason: CORS request did not succeed). Status code: (null).

This issue is only observed on Firefox and not on other browsers. And typically only seen when my laptop starts after going to sleep. Another thing I noticed is that on browser console in network tab, when I switch to raw request headers, all the requests to the above endpoint which are successful shows up like this - OPTIONS /<endpoint> HTTP/1.1.

Whereas all the requests that fail show up like this - OPTIONS /<endpoint> undefined

Edit 1 - Further investigation of backend proxy logs suggest that when the request is failing, the call is not reaching backend at all.

Share Improve this question edited Mar 25 at 12:31 VinayakaB asked Mar 25 at 10:37 VinayakaBVinayakaB 736 bronze badges 3
  • Are you sure you are not being rate limited? – reynaldi Commented Mar 25 at 11:36
  • Yes. I own the backend server as well. – VinayakaB Commented Mar 25 at 12:30
  • See here: developer.mozilla./en-US/docs/Web/HTTP/Guides/CORS/Errors/… When the reason is listed as "CORS request did not succeed" it means there was a problem with the request/response. (might just be a problem with Wifi, your ISP, etc...) – browsermator Commented Mar 25 at 19:20
Add a comment  | 

1 Answer 1

Reset to default 0

As the issue is only observed on Firefox, it may be imposing a strict same-origin-policy, I think the fix for this will be to enable CORS in the angular application.

you may refer to this thread

发布者:admin,转转请注明出处:http://www.yc00.com/questions/1744203525a4562994.html

相关推荐

  • angular - Preflight CORS request fails intermittently - Stack Overflow

    I am developing a web app which fetches data from a backend API server. Most of the times, this is succ

    8天前
    10

发表回复

评论列表(0条)

  • 暂无评论

联系我们

400-800-8888

在线咨询: QQ交谈

邮件:admin@example.com

工作时间:周一至周五,9:30-18:30,节假日休息

关注微信