{"id":143519,"date":"2018-09-20T06:36:46","date_gmt":"2018-09-20T06:36:46","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=143519"},"modified":"2024-04-03T11:08:05","modified_gmt":"2024-04-03T11:08:05","slug":"cross-origin-resource-sharing-requesting-two-request","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/cross-origin-resource-sharing-requesting-two-request\/","title":{"rendered":"Cross-Origin Resource Sharing Requesting Two Request"},"content":{"rendered":"

CORS REQUESTING\u00a0TWO REQUEST:-<\/h1>\n

While working on Shopify app we found that in network tab whenever\u00a0we call any request one extra request is automatically fired by the browser with the method “OPTIONS”. And “OPTIONS” is always the first request will call by the browser and after that, a correct request is sent to the server, check the screenshot below<\/p>\n

\"CORS<\/p>\n

And this bit little confusing for me because\u00a0one extra request is made on your server increase the payload of your server also may slow your server if you are not handling this in the correct manner after reading many docs we found that it’s a normal behavior of HTTP while making the request through cors.<\/p>\n

You can learn about it from here<\/p>\n

https:\/\/developer.mozilla.org\/en-US\/docs\/Glossary\/CORS<\/a><\/p>\n

https:\/\/developer.mozilla.org\/en-US\/docs\/Glossary\/HTTP<\/a><\/p>\n

While performing cors user agent need to get some\u00a0permission to access selected resources from other servers.<\/p>\n

As we check in above screen there is two request made by the browser,<\/p>\n

The first request is called\u00a0 “Preflight request”,<\/p>\n

So the question is arise that what is\u00a0Preflight request .<\/p>\n

So\u00a0Preflight request is a CORS request that checks to see if the CORS protocol is understood.<\/p>\n

It is an OPTIONS request, using three HTTP request headers: Access-Control-Request-Method, Access-Control-Request-Headers, and the Origin header.<\/p>\n

you can read about it from here<\/p>\n

https:\/\/developer.mozilla.org\/en-US\/docs\/Glossary\/Preflight_request<\/p>\n

Preflight request is called in the case of you are calling POST, PUT, PATCH, DELETE\u00a0method,<\/p>\n

And Also some time called with GET method too if you add some custom header in your request see screenshot below<\/p>\n

\"And<\/p>\n

if we check our header in below screenshot we request some extra header we set and “CORS, HTTP” want to verify that is we handle this header or not that’s why preflight request sent<\/p>\n

\"if<\/p>\n

So question is that is preflight request is good or bad?<\/p>\n

According to me, sometimes this request is good because\u00a0before calling the original request cors know that original request is valid or not,<\/p>\n

But the bad thing is that its increase load on cors server.<\/p>\n

So how can we handle this request<\/p>\n

    \n
  1. Try to avoid setting some extra header in your request<\/li>\n
  2. Try to don’t use cors request<\/li>\n
  3. if in case cors request using then handle\u00a0“option” method very well like not perform any type of database\u00a0execution or other things\u00a0just return true, it may overcome your extra load on your database server<\/li>\n<\/ol>\n

    Hope you understand now why two requests made on cors HTTP<\/p>\n

    you can find some helpful link bellow<\/p>\n

      \n
    1. https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTTP\/Methods\/OPTIONS<\/a><\/li>\n
    2. https:\/\/developer.mozilla.org\/en-US\/docs\/Glossary\/CORS<\/a><\/li>\n
    3. https:\/\/stackoverflow.com\/questions\/24704638\/options-request-makes-application-2x-slower<\/a><\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"

      CORS REQUESTING\u00a0TWO REQUEST:- While working on Shopify app we found that in network tab whenever\u00a0we call any request one extra request is automatically fired by the browser with the method “OPTIONS”. And “OPTIONS” is always the first request will call by the browser and after that, a correct request is sent to the server, check […]<\/a><\/p>\n","protected":false},"author":11,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[7526,7525,7529,6362,7528,1147,7530,6363,7527],"class_list":["post-143519","post","type-post","status-publish","format-standard","hentry","category-uncategorized","tag-cors","tag-cross","tag-get","tag-http","tag-options","tag-post","tag-preflight-request","tag-request","tag-xhr"],"yoast_head":"\nCross-Origin Resource Sharing Requesting Two Request - Webkul Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webkul.com\/blog\/cross-origin-resource-sharing-requesting-two-request\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cross-Origin Resource Sharing Requesting Two Request - Webkul Blog\" \/>\n<meta property=\"og:description\" content=\"CORS REQUESTING\u00a0TWO REQUEST:- While working on Shopify app we found that in network tab whenever\u00a0we call any request one extra request is automatically fired by the browser with the method “OPTIONS”. And “OPTIONS” is always the first request will call by the browser and after that, a correct request is sent to the server, check [...]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/cross-origin-resource-sharing-requesting-two-request\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:published_time\" content=\"2018-09-20T06:36:46+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-03T11:08:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2018\/09\/1-10.jpg\" \/>\n<meta name=\"author\" content=\"Pratik Kumar\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webkul\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Pratik Kumar\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/cross-origin-resource-sharing-requesting-two-request\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/cross-origin-resource-sharing-requesting-two-request\/\"},\"author\":{\"name\":\"Pratik Kumar\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/f9328c8ae207f0b82ebeb809a3610b75\"},\"headline\":\"Cross-Origin Resource Sharing Requesting Two Request\",\"datePublished\":\"2018-09-20T06:36:46+00:00\",\"dateModified\":\"2024-04-03T11:08:05+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/cross-origin-resource-sharing-requesting-two-request\/\"},\"wordCount\":461,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/cross-origin-resource-sharing-requesting-two-request\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2018\/09\/1-10.jpg\",\"keywords\":[\"cors\",\"cross\",\"GET\",\"http\",\"OPTIONS\",\"post\",\"Preflight request\",\"request\",\"xhr\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/cross-origin-resource-sharing-requesting-two-request\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/cross-origin-resource-sharing-requesting-two-request\/\",\"url\":\"https:\/\/webkul.com\/blog\/cross-origin-resource-sharing-requesting-two-request\/\",\"name\":\"Cross-Origin Resource Sharing Requesting Two Request - Webkul Blog\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/cross-origin-resource-sharing-requesting-two-request\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/cross-origin-resource-sharing-requesting-two-request\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2018\/09\/1-10.jpg\",\"datePublished\":\"2018-09-20T06:36:46+00:00\",\"dateModified\":\"2024-04-03T11:08:05+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/cross-origin-resource-sharing-requesting-two-request\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/cross-origin-resource-sharing-requesting-two-request\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/cross-origin-resource-sharing-requesting-two-request\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/09\/1-10.jpg\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/09\/1-10.jpg\",\"width\":1366,\"height\":768},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/cross-origin-resource-sharing-requesting-two-request\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Cross-Origin Resource Sharing Requesting Two Request\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/f9328c8ae207f0b82ebeb809a3610b75\",\"name\":\"Pratik Kumar\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/ce26f0e02c98c14e95e9223d41803b2cb6aafc1bf2c32ce01f3ac16b573eed69?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/ce26f0e02c98c14e95e9223d41803b2cb6aafc1bf2c32ce01f3ac16b573eed69?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"caption\":\"Pratik Kumar\"},\"description\":\"Pratik Kumar is a versatile Shopify developer adept at handling various projects with finesse. With a rich background in e-commerce development, Pratik specializes in building chat applications, crafting AI-driven solutions, and creating seamless e-commerce experiences. His expertise and creativity contribute to the success of diverse online ventures.\",\"sameAs\":[\"http:\/\/webkul.com\"],\"url\":\"https:\/\/webkul.com\/blog\/author\/pratik-kumar12\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Cross-Origin Resource Sharing Requesting Two Request - Webkul Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/webkul.com\/blog\/cross-origin-resource-sharing-requesting-two-request\/","og_locale":"en_US","og_type":"article","og_title":"Cross-Origin Resource Sharing Requesting Two Request - Webkul Blog","og_description":"CORS REQUESTING\u00a0TWO REQUEST:- While working on Shopify app we found that in network tab whenever\u00a0we call any request one extra request is automatically fired by the browser with the method “OPTIONS”. And “OPTIONS” is always the first request will call by the browser and after that, a correct request is sent to the server, check [...]","og_url":"https:\/\/webkul.com\/blog\/cross-origin-resource-sharing-requesting-two-request\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2018-09-20T06:36:46+00:00","article_modified_time":"2024-04-03T11:08:05+00:00","og_image":[{"url":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2018\/09\/1-10.jpg","type":"","width":"","height":""}],"author":"Pratik Kumar","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Pratik Kumar","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/cross-origin-resource-sharing-requesting-two-request\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/cross-origin-resource-sharing-requesting-two-request\/"},"author":{"name":"Pratik Kumar","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/f9328c8ae207f0b82ebeb809a3610b75"},"headline":"Cross-Origin Resource Sharing Requesting Two Request","datePublished":"2018-09-20T06:36:46+00:00","dateModified":"2024-04-03T11:08:05+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/cross-origin-resource-sharing-requesting-two-request\/"},"wordCount":461,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/cross-origin-resource-sharing-requesting-two-request\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2018\/09\/1-10.jpg","keywords":["cors","cross","GET","http","OPTIONS","post","Preflight request","request","xhr"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/cross-origin-resource-sharing-requesting-two-request\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/cross-origin-resource-sharing-requesting-two-request\/","url":"https:\/\/webkul.com\/blog\/cross-origin-resource-sharing-requesting-two-request\/","name":"Cross-Origin Resource Sharing Requesting Two Request - Webkul Blog","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/cross-origin-resource-sharing-requesting-two-request\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/cross-origin-resource-sharing-requesting-two-request\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2018\/09\/1-10.jpg","datePublished":"2018-09-20T06:36:46+00:00","dateModified":"2024-04-03T11:08:05+00:00","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/cross-origin-resource-sharing-requesting-two-request\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/cross-origin-resource-sharing-requesting-two-request\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/cross-origin-resource-sharing-requesting-two-request\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/09\/1-10.jpg","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/09\/1-10.jpg","width":1366,"height":768},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/cross-origin-resource-sharing-requesting-two-request\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Cross-Origin Resource Sharing Requesting Two Request"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/f9328c8ae207f0b82ebeb809a3610b75","name":"Pratik Kumar","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/ce26f0e02c98c14e95e9223d41803b2cb6aafc1bf2c32ce01f3ac16b573eed69?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ce26f0e02c98c14e95e9223d41803b2cb6aafc1bf2c32ce01f3ac16b573eed69?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","caption":"Pratik Kumar"},"description":"Pratik Kumar is a versatile Shopify developer adept at handling various projects with finesse. With a rich background in e-commerce development, Pratik specializes in building chat applications, crafting AI-driven solutions, and creating seamless e-commerce experiences. His expertise and creativity contribute to the success of diverse online ventures.","sameAs":["http:\/\/webkul.com"],"url":"https:\/\/webkul.com\/blog\/author\/pratik-kumar12\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/143519","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=143519"}],"version-history":[{"count":5,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/143519\/revisions"}],"predecessor-version":[{"id":431322,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/143519\/revisions\/431322"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=143519"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=143519"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=143519"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}