{"id":17536,"date":"2025-04-08T13:00:16","date_gmt":"2025-04-08T10:00:16","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/figma-eklentilerinde-cors-hatasi-cozum-yollari\/"},"modified":"2025-04-08T13:00:16","modified_gmt":"2025-04-08T10:00:16","slug":"figma-eklentilerinde-cors-hatasi-cozum-yollari","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/figma-eklentilerinde-cors-hatasi-cozum-yollari\/","title":{"rendered":"Figma Eklentilerinde CORS Hatas\u0131: \u00c7\u00f6z\u00fcm Yollar\u0131"},"content":{"rendered":"<p><body><\/p>\n<p>Figma Eklentilerinde CORS Hatas\u0131: \u00c7\u00f6z\u00fcm Yollar\u0131<\/p>\n<p>Figma eklentileri geli\u015ftirirken, harici API&#8217;lerle ileti\u015fim kurmak s\u0131k\u00e7a ihtiya\u00e7 duyulan bir i\u015flemdir.  Ancak, bu s\u00fcre\u00e7te s\u0131kl\u0131kla kar\u015f\u0131la\u015f\u0131lan bir sorun da CORS (Cross-Origin Resource Sharing) hatas\u0131d\u0131r. Bu hata, eklentinizin farkl\u0131 bir domain&#8217;deki API&#8217;ye eri\u015fim talebinin sunucu taraf\u0131ndan reddedilmesi anlam\u0131na gelir.  Bu makalede, bu hatan\u0131n nedenlerini ve  Figma eklentinizi etkileyen bu sorunu \u00e7\u00f6zmek i\u00e7in pratik ad\u0131mlar\u0131 a\u00e7\u0131klayaca\u011f\u0131m.<\/p>\n<h2>CORS Hatas\u0131n\u0131n Nedenleri<\/h2>\n<p>CORS hatas\u0131, g\u00fcvenlik nedenleriyle ortaya \u00e7\u0131kar.  Taray\u0131c\u0131lar, farkl\u0131 domain&#8217;lerden gelen istekleri varsay\u0131lan olarak engeller.  Bu, k\u00f6t\u00fc niyetli sitelerin sizin verilerinize izinsiz eri\u015fmesini \u00f6nlemek i\u00e7in \u00f6nemli bir g\u00fcvenlik \u00f6nlemidir.  Dolay\u0131s\u0131yla, API sunucunuzun, Figma eklentinizin isteklerini kabul etmesi i\u00e7in gerekli CORS ba\u015fl\u0131klar\u0131n\u0131 g\u00f6ndermesi gerekir.<\/p>\n<p>\u00d6rne\u011fin, eklentiniz  <code>https:\/\/fatihsoysal.com\/api\/data<\/code> adresine istek g\u00f6nderiyorsa, sunucu bu iste\u011fi kabul etmeli ve  <code>Access-Control-Allow-Origin<\/code> ba\u015fl\u0131\u011f\u0131n\u0131 uygun \u015fekilde ayarlayarak  <code>https:\/\/www.figma.com<\/code> (veya eklentinizin y\u00fcklenece\u011fi Figma dosyas\u0131n\u0131n domain&#8217;i)  domain&#8217;inden gelen isteklere izin vermelidir. <\/p>\n<h2>\u00c7\u00f6z\u00fcm Yollar\u0131<\/h2>\n<p>Bir CORS hatas\u0131yla kar\u015f\u0131la\u015ft\u0131\u011f\u0131n\u0131zda, sorunun \u00e7\u00f6z\u00fcm\u00fc genellikle sunucu taraf\u0131nda yap\u0131lmas\u0131 gereken ayarlamalarla ilgilidir.  Ancak, baz\u0131 durumlarda istemci taraf\u0131nda da \u00f6nlemler alabilirsiniz.<\/p>\n<h3>1. Sunucu Taraf\u0131nda CORS Ba\u015fl\u0131klar\u0131n\u0131n Ayarlanmas\u0131:<\/h3>\n<p>En etkili \u00e7\u00f6z\u00fcm, API sunucunuzda CORS ba\u015fl\u0131klar\u0131n\u0131 do\u011fru \u015fekilde yap\u0131land\u0131rmakt\u0131r.  Bu, kulland\u0131\u011f\u0131n\u0131z programlama diline ve framework&#8217;e ba\u011fl\u0131 olarak de\u011fi\u015fiklik g\u00f6sterebilir.  \u00d6rne\u011fin, Node.js ile Express.js kullan\u0131yorsan\u0131z,  <code>cors<\/code> middleware&#8217;ini kullanabilirsiniz:<\/p>\n<pre><code class=\"language-javascript\">\nconst express = require('express');\nconst cors = require('cors');\nconst app = express();\n\napp.use(cors({\n  origin: 'https:\/\/www.figma.com', \/\/ veya '*' t\u00fcm origin'leri kabul etmek i\u00e7in\n  methods: ['GET', 'POST'], \/\/ izin verilecek HTTP metotlar\u0131\n  allowedHeaders: ['Content-Type', 'Authorization'] \/\/ izin verilecek ba\u015fl\u0131klar\n}));\n\n\/\/ ... di\u011fer kodlar\u0131n\u0131z ...\n<\/code><\/pre>\n<p>Bu kod, yaln\u0131zca  <code>https:\/\/www.figma.com<\/code>  domain&#8217;inden gelen  GET ve POST isteklerini kabul eder.  <code>*<\/code> kullanarak t\u00fcm origin&#8217;lerden istek kabul edebilirsiniz, ancak bu g\u00fcvenlik a\u00e7\u0131s\u0131ndan riskli olabilir.  Bu nedenle, m\u00fcmk\u00fcn oldu\u011funca spesifik domain&#8217;leri belirtmeniz \u00f6nerilir.  Daha fazla bilgi i\u00e7in <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTTP\/CORS\">MDN CORS documentation<\/a> sayfas\u0131na g\u00f6z atabilirsiniz.<\/p>\n<h3>2. Proxy Sunucusu Kullan\u0131m\u0131:<\/h3>\n<p>E\u011fer API sunucunuz \u00fczerinde kontrol\u00fcn\u00fcz yoksa veya CORS ba\u015fl\u0131klar\u0131n\u0131 ayarlama imkan\u0131n\u0131z bulunmuyorsa, bir proxy sunucusu kullanabilirsiniz.  Proxy sunucusu, eklentiniz ad\u0131na API&#8217;ye istek yapar ve cevab\u0131 eklentinize iletir.  Bu sayede, CORS hatas\u0131n\u0131 \u00f6nleyebilirsiniz.  Bunun i\u00e7in, \u00e7e\u015fitli proxy servisleri veya kendi proxy sunucunuzu olu\u015fturabilirsiniz. Ancak, g\u00fcvenilir bir proxy kullanman\u0131z olduk\u00e7a \u00f6nemlidir.  <a href=\"https:\/\/fatihsoysal.com\">Fatih Soysal&#8217;\u0131n sitesini<\/a> ziyaret ederek proxy sunucular\u0131 hakk\u0131nda daha fazla bilgi edinebilirsiniz. (Bu sadece \u00f6rnek bir ba\u011flant\u0131d\u0131r,  proxy kullan\u0131m\u0131yla ilgili detayl\u0131 bilgi i\u00e7eren bir kaynak bulunmal\u0131d\u0131r.)<\/p>\n<h3>3. JSONP Kullan\u0131m\u0131 (S\u0131n\u0131rl\u0131 \u00c7\u00f6z\u00fcm):<\/h3>\n<p>JSONP (JSON with Padding), eski bir y\u00f6ntem olup,  CORS k\u0131s\u0131tlamalar\u0131n\u0131 a\u015fmak i\u00e7in kullan\u0131labilir. Ancak, g\u00fcvenlik zafiyetleri i\u00e7erebilece\u011finden,  sadece son \u00e7are olarak ve dikkatlice kullan\u0131lmal\u0131d\u0131r.  Modern uygulamalarda, CORS ba\u015fl\u0131klar\u0131n\u0131n d\u00fczg\u00fcn \u015fekilde ayarlanmas\u0131 tercih edilir.<\/p>\n<p>Umar\u0131m bu makale, Figma eklentilerinizdeki CORS hatalar\u0131n\u0131 \u00e7\u00f6zmenize yard\u0131mc\u0131 olur.  E\u011fer hala sorun ya\u015f\u0131yorsan\u0131z,  hatan\u0131n ayr\u0131nt\u0131lar\u0131n\u0131 ve kulland\u0131\u011f\u0131n\u0131z teknolojileri payla\u015farak bana ula\u015fabilirsiniz.  Daha fazla bilgi i\u00e7in  <a href=\"https:\/\/fatihsoysal.com\">web sitemi<\/a> ziyaret edebilirsiniz. <\/p>\n<p>#Etiketler: Figma, CORS, API, Eklenti, Hata, \u00c7\u00f6z\u00fcm, JavaScript, Backend, Frontend, Proxy, JSONP, Figma Plugin,  Access-Control-Allow-Origin<\/p>\n<p><\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"Figma Eklentilerinde CORS Hatas\u0131: \u00c7\u00f6z\u00fcm Yollar\u0131 Figma eklentileri geli\u015ftirirken, harici API&#8217;lerle ileti\u015fim kurmak s\u0131k\u00e7a ihtiya\u00e7 duyulan bir i\u015flemdir.&hellip;","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"csco_page_header_type":"","csco_page_load_nextpost":"","csco_page_subscribe_form":"","csco_page_contact_form":"","footnotes":""},"categories":[1],"tags":[],"class_list":{"0":"post-17536","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-genel","7":"cs-entry","8":"cs-video-wrap"},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v20.5 (Yoast SEO v25.3.1) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Figma Eklentilerinde CORS Hatas\u0131: \u00c7\u00f6z\u00fcm Yollar\u0131<\/title>\n<meta name=\"description\" content=\"Figma eklentileri geli\u015ftirirken, harici API&#039;lerle ileti\u015fim kurmak s\u0131k\u00e7a ihtiya\u00e7 duyulan bir i\u015flemdir. Ancak, bu s\u00fcre\u00e7te s\u0131kl\u0131kla kar\u015f\u0131la\u015f\u0131lan bir sorun da CORS (Cross-Origin Resource Sharing) hatas\u0131d\u0131r. Bu hata, eklentinizin farkl\u0131 bir domain&#039;deki API&#039;ye eri\u015fim talebinin sunucu taraf\u0131ndan reddedilmesi anlam\u0131na gelir. Bu makalede, bu hatan\u0131n nedenlerini ve Figma eklentinizi etkileyen bu sorunu \u00e7\u00f6zmek i\u00e7in pratik ad\u0131mlar\u0131 a\u00e7\u0131klayaca\u011f\u0131m.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/fatihsoysal.com\/blog\/figma-eklentilerinde-cors-hatasi-cozum-yollari\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Figma Eklentilerinde CORS Hatas\u0131: \u00c7\u00f6z\u00fcm Yollar\u0131\" \/>\n<meta property=\"og:description\" content=\"Figma eklentileri geli\u015ftirirken, harici API&#039;lerle ileti\u015fim kurmak s\u0131k\u00e7a ihtiya\u00e7 duyulan bir i\u015flemdir. Ancak, bu s\u00fcre\u00e7te s\u0131kl\u0131kla kar\u015f\u0131la\u015f\u0131lan bir sorun da CORS (Cross-Origin Resource Sharing) hatas\u0131d\u0131r. Bu hata, eklentinizin farkl\u0131 bir domain&#039;deki API&#039;ye eri\u015fim talebinin sunucu taraf\u0131ndan reddedilmesi anlam\u0131na gelir. Bu makalede, bu hatan\u0131n nedenlerini ve Figma eklentinizi etkileyen bu sorunu \u00e7\u00f6zmek i\u00e7in pratik ad\u0131mlar\u0131 a\u00e7\u0131klayaca\u011f\u0131m.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fatihsoysal.com\/blog\/figma-eklentilerinde-cors-hatasi-cozum-yollari\/\" \/>\n<meta property=\"og:site_name\" content=\"Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" \/>\n<meta property=\"article:published_time\" content=\"2025-04-08T10:00:16+00:00\" \/>\n<meta name=\"author\" content=\"Fatih Soysal\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"Fatih Soysal\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/figma-eklentilerinde-cors-hatasi-cozum-yollari\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/figma-eklentilerinde-cors-hatasi-cozum-yollari\/\"},\"author\":{\"name\":\"Fatih Soysal\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"headline\":\"Figma Eklentilerinde CORS Hatas\u0131: \u00c7\u00f6z\u00fcm Yollar\u0131\",\"datePublished\":\"2025-04-08T10:00:16+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/figma-eklentilerinde-cors-hatasi-cozum-yollari\/\"},\"wordCount\":554,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/figma-eklentilerinde-cors-hatasi-cozum-yollari\/#respond\"]}],\"copyrightYear\":\"2025\",\"copyrightHolder\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/figma-eklentilerinde-cors-hatasi-cozum-yollari\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/figma-eklentilerinde-cors-hatasi-cozum-yollari\/\",\"name\":\"Figma Eklentilerinde CORS Hatas\u0131: \u00c7\u00f6z\u00fcm Yollar\u0131\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\"},\"datePublished\":\"2025-04-08T10:00:16+00:00\",\"description\":\"Figma eklentileri geli\u015ftirirken, harici API'lerle ileti\u015fim kurmak s\u0131k\u00e7a ihtiya\u00e7 duyulan bir i\u015flemdir. Ancak, bu s\u00fcre\u00e7te s\u0131kl\u0131kla kar\u015f\u0131la\u015f\u0131lan bir sorun da CORS (Cross-Origin Resource Sharing) hatas\u0131d\u0131r. Bu hata, eklentinizin farkl\u0131 bir domain'deki API'ye eri\u015fim talebinin sunucu taraf\u0131ndan reddedilmesi anlam\u0131na gelir. Bu makalede, bu hatan\u0131n nedenlerini ve Figma eklentinizi etkileyen bu sorunu \u00e7\u00f6zmek i\u00e7in pratik ad\u0131mlar\u0131 a\u00e7\u0131klayaca\u011f\u0131m.\",\"breadcrumb\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/figma-eklentilerinde-cors-hatasi-cozum-yollari\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/figma-eklentilerinde-cors-hatasi-cozum-yollari\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/figma-eklentilerinde-cors-hatasi-cozum-yollari\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/fatihsoysal.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Figma Eklentilerinde CORS Hatas\u0131: \u00c7\u00f6z\u00fcm Yollar\u0131\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/\",\"name\":\"Fatihsoysal.com\",\"description\":\"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim\",\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\",\"name\":\"Fatih Soysal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"contentUrl\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"width\":512,\"height\":512,\"caption\":\"Fatih Soysal\"},\"logo\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\"},\"description\":\"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Figma Eklentilerinde CORS Hatas\u0131: \u00c7\u00f6z\u00fcm Yollar\u0131","description":"Figma eklentileri geli\u015ftirirken, harici API'lerle ileti\u015fim kurmak s\u0131k\u00e7a ihtiya\u00e7 duyulan bir i\u015flemdir. Ancak, bu s\u00fcre\u00e7te s\u0131kl\u0131kla kar\u015f\u0131la\u015f\u0131lan bir sorun da CORS (Cross-Origin Resource Sharing) hatas\u0131d\u0131r. Bu hata, eklentinizin farkl\u0131 bir domain'deki API'ye eri\u015fim talebinin sunucu taraf\u0131ndan reddedilmesi anlam\u0131na gelir. Bu makalede, bu hatan\u0131n nedenlerini ve Figma eklentinizi etkileyen bu sorunu \u00e7\u00f6zmek i\u00e7in pratik ad\u0131mlar\u0131 a\u00e7\u0131klayaca\u011f\u0131m.","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:\/\/fatihsoysal.com\/blog\/figma-eklentilerinde-cors-hatasi-cozum-yollari\/","og_locale":"tr_TR","og_type":"article","og_title":"Figma Eklentilerinde CORS Hatas\u0131: \u00c7\u00f6z\u00fcm Yollar\u0131","og_description":"Figma eklentileri geli\u015ftirirken, harici API'lerle ileti\u015fim kurmak s\u0131k\u00e7a ihtiya\u00e7 duyulan bir i\u015flemdir. Ancak, bu s\u00fcre\u00e7te s\u0131kl\u0131kla kar\u015f\u0131la\u015f\u0131lan bir sorun da CORS (Cross-Origin Resource Sharing) hatas\u0131d\u0131r. Bu hata, eklentinizin farkl\u0131 bir domain'deki API'ye eri\u015fim talebinin sunucu taraf\u0131ndan reddedilmesi anlam\u0131na gelir. Bu makalede, bu hatan\u0131n nedenlerini ve Figma eklentinizi etkileyen bu sorunu \u00e7\u00f6zmek i\u00e7in pratik ad\u0131mlar\u0131 a\u00e7\u0131klayaca\u011f\u0131m.","og_url":"https:\/\/fatihsoysal.com\/blog\/figma-eklentilerinde-cors-hatasi-cozum-yollari\/","og_site_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","article_published_time":"2025-04-08T10:00:16+00:00","author":"Fatih Soysal","twitter_card":"summary_large_image","twitter_misc":{"Yazan:":"Fatih Soysal","Tahmini okuma s\u00fcresi":"3 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/fatihsoysal.com\/blog\/figma-eklentilerinde-cors-hatasi-cozum-yollari\/#article","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/figma-eklentilerinde-cors-hatasi-cozum-yollari\/"},"author":{"name":"Fatih Soysal","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"headline":"Figma Eklentilerinde CORS Hatas\u0131: \u00c7\u00f6z\u00fcm Yollar\u0131","datePublished":"2025-04-08T10:00:16+00:00","mainEntityOfPage":{"@id":"https:\/\/fatihsoysal.com\/blog\/figma-eklentilerinde-cors-hatasi-cozum-yollari\/"},"wordCount":554,"commentCount":0,"publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fatihsoysal.com\/blog\/figma-eklentilerinde-cors-hatasi-cozum-yollari\/#respond"]}],"copyrightYear":"2025","copyrightHolder":{"@id":"https:\/\/fatihsoysal.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/fatihsoysal.com\/blog\/figma-eklentilerinde-cors-hatasi-cozum-yollari\/","url":"https:\/\/fatihsoysal.com\/blog\/figma-eklentilerinde-cors-hatasi-cozum-yollari\/","name":"Figma Eklentilerinde CORS Hatas\u0131: \u00c7\u00f6z\u00fcm Yollar\u0131","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/#website"},"datePublished":"2025-04-08T10:00:16+00:00","description":"Figma eklentileri geli\u015ftirirken, harici API'lerle ileti\u015fim kurmak s\u0131k\u00e7a ihtiya\u00e7 duyulan bir i\u015flemdir. Ancak, bu s\u00fcre\u00e7te s\u0131kl\u0131kla kar\u015f\u0131la\u015f\u0131lan bir sorun da CORS (Cross-Origin Resource Sharing) hatas\u0131d\u0131r. Bu hata, eklentinizin farkl\u0131 bir domain'deki API'ye eri\u015fim talebinin sunucu taraf\u0131ndan reddedilmesi anlam\u0131na gelir. Bu makalede, bu hatan\u0131n nedenlerini ve Figma eklentinizi etkileyen bu sorunu \u00e7\u00f6zmek i\u00e7in pratik ad\u0131mlar\u0131 a\u00e7\u0131klayaca\u011f\u0131m.","breadcrumb":{"@id":"https:\/\/fatihsoysal.com\/blog\/figma-eklentilerinde-cors-hatasi-cozum-yollari\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fatihsoysal.com\/blog\/figma-eklentilerinde-cors-hatasi-cozum-yollari\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fatihsoysal.com\/blog\/figma-eklentilerinde-cors-hatasi-cozum-yollari\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/fatihsoysal.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Figma Eklentilerinde CORS Hatas\u0131: \u00c7\u00f6z\u00fcm Yollar\u0131"}]},{"@type":"WebSite","@id":"https:\/\/fatihsoysal.com\/blog\/#website","url":"https:\/\/fatihsoysal.com\/blog\/","name":"Fatihsoysal.com","description":"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim","publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":["Person","Organization"],"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1","name":"Fatih Soysal","image":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","contentUrl":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","width":512,"height":512,"caption":"Fatih Soysal"},"logo":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/"},"description":"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.","url":"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/"}]}},"yoast_meta":{"yoast_wpseo_title":"","yoast_wpseo_metadesc":"","yoast_wpseo_canonical":""},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/17536","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/comments?post=17536"}],"version-history":[{"count":0,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/17536\/revisions"}],"wp:attachment":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/media?parent=17536"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/categories?post=17536"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/tags?post=17536"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}