{"id":14735,"date":"2025-03-10T05:30:14","date_gmt":"2025-03-10T02:30:14","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/flask-react-uygulamalarinda-cors-sorunlarini-cozme\/"},"modified":"2025-03-10T05:30:14","modified_gmt":"2025-03-10T02:30:14","slug":"flask-react-uygulamalarinda-cors-sorunlarini-cozme","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/flask-react-uygulamalarinda-cors-sorunlarini-cozme\/","title":{"rendered":"Flask-React Uygulamalar\u0131nda CORS Sorunlar\u0131n\u0131 \u00c7\u00f6zme"},"content":{"rendered":"

<\/p>\n

Flask-React Uygulamalar\u0131nda CORS Sorunlar\u0131n\u0131 \u00c7\u00f6zme<\/p>\n

Merhaba! Flask ve React kullanarak bir web uygulamas\u0131 geli\u015ftiriyorsan\u0131z, muhtemelen “CORS” hatas\u0131yla kar\u015f\u0131la\u015fm\u0131\u015fs\u0131n\u0131zd\u0131r. CORS, k\u0131saca “Cross-Origin Resource Sharing” (\u00c7apraz K\u00f6ken Kaynak Payla\u015f\u0131m\u0131) anlam\u0131na gelir ve taray\u0131c\u0131lar\u0131n g\u00fcvenlik nedeniyle farkl\u0131 domain’lerden gelen istekleri engellemesiyle ortaya \u00e7\u0131kar. Bu makalede, bu sorunu nas\u0131l \u00e7\u00f6zece\u011finizi ad\u0131m ad\u0131m a\u00e7\u0131klayaca\u011f\u0131m. \u00d6ncelikle, sorunun nedenini ve \u00e7\u00f6z\u00fcm yollar\u0131n\u0131 inceleyelim. Sonras\u0131nda da pratik \u00f6rneklerle konuyu peki\u015ftirelim. <\/p>\n

CORS Hatas\u0131n\u0131n Nedeni<\/h2>\n

React uygulaman\u0131z (\u00f6rne\u011fin, localhost:3000 adresinde \u00e7al\u0131\u015fan) Flask sunucunuza (\u00f6rne\u011fin, localhost:5000 adresinde \u00e7al\u0131\u015fan) bir API iste\u011fi g\u00f6nderdi\u011finde, taray\u0131c\u0131 bu iste\u011fi engeller. \u00c7\u00fcnk\u00fc istek farkl\u0131 bir domain’den geliyor. Bu, g\u00fcvenlik a\u00e7\u0131s\u0131ndan \u00f6nemli bir \u00f6nlemdir. Ancak, uygulaman\u0131z\u0131n d\u00fczg\u00fcn \u00e7al\u0131\u015fmas\u0131 i\u00e7in bu engeli a\u015fmam\u0131z gerekmektedir. <\/p>\n

CORS Sorununu \u00c7\u00f6zmek \u0130\u00e7in Y\u00f6ntemler<\/h2>\n

Neyse ki, bu sorunu \u00e7\u00f6zmek i\u00e7in birka\u00e7 farkl\u0131 yol mevcuttur. En yayg\u0131n y\u00f6ntemlerden biri, Flask taraf\u0131nda uygun CORS ba\u015fl\u0131klar\u0131n\u0131 ayarlamak olacakt\u0131r. Bunun i\u00e7in \u00e7e\u015fitli paketler kullanabiliriz. \u00d6rne\u011fin, flask-cors paketi olduk\u00e7a pop\u00fcler ve kullan\u0131m\u0131 kolayd\u0131r. <\/p>\n

Flask-CORS Paketini Kullanma<\/h3>\n

\u0130lk olarak, flask-cors paketini projenize kurmal\u0131s\u0131n\u0131z:<\/p>\n

pip install flask-cors\n<\/code><\/pre>\n
Ard\u0131ndan, Flask uygulaman\u0131za a\u015fa\u011f\u0131daki gibi eklemeler yapabilirsiniz:<\/p>\n
from flask import Flask, jsonify\nfrom flask_cors import CORS\n\napp = Flask(__name__)\nCORS(app)  # T\u00fcm origin'lere izin ver\n\n@app.route('\/api\/data')\ndef get_data():\n    data = {'message': 'Merhaba, React d\u00fcnyas\u0131ndan gelenler!'}\n    return jsonify(data)\n\nif __name__ == '__main__':\n    app.run(debug=True)\n<\/code><\/pre>\n
Bu kod, CORS nesnesini Flask uygulamas\u0131na ekleyerek t\u00fcm domain’lerden gelen isteklere izin verir.  Ancak, g\u00fcvenlik a\u00e7\u0131s\u0131ndan  sadece belirli domain’lere izin vermek daha iyidir.  Bu durumu,  CORS nesnesinin  origins parametresini kullanarak sa\u011flayabiliriz. \u00d6rne\u011fin:<\/p>\n
CORS(app, origins=['http:\/\/localhost:3000'])\n<\/code><\/pre>\n
Bu kod, sadece http:\/\/localhost:3000 adresinden gelen isteklere izin verir.  Unutmay\u0131n, geli\u015ftirme a\u015famas\u0131nda localhost kullan\u0131rken,  \u00fcretim ortam\u0131nda ger\u00e7ek domain adresinizi kullanmal\u0131s\u0131n\u0131z.  <\/p>\n
Proxy Sunucusu Kullan\u0131m\u0131<\/h3>\n
Alternatif olarak, React uygulaman\u0131z\u0131n isteklerini bir proxy sunucusu \u00fczerinden y\u00f6nlendirerek CORS sorununu a\u015fabilirsiniz. Bu, \u00f6zellikle geli\u015ftirme a\u015famas\u0131nda faydal\u0131d\u0131r.  React’in proxy \u00f6zelli\u011fini kullanarak bunu yap\u0131land\u0131rabilirsiniz. <\/p>\n
  React’in package.json dosyas\u0131nda, proxy alan\u0131n\u0131 a\u015fa\u011f\u0131daki gibi ayarlayabilirsiniz:<\/p>\n
\n{\n  \"proxy\": \"http:\/\/localhost:5000\"\n}\n<\/code><\/pre>\n
Bu \u015fekilde, React uygulaman\u0131z t\u00fcm istekleri localhost:5000 adresine y\u00f6nlendirecek ve CORS hatas\u0131n\u0131 \u00f6nleyecektir.  Daha detayl\u0131 bilgi i\u00e7in Create React App proxy dok\u00fcman\u0131na<\/a> bakabilirsiniz. <\/p>\n
\u00d6nemli Notlar ve G\u00fcvenlik<\/h2>\n
Geli\u015ftirme a\u015famas\u0131nda CORS(app) kullanmak pratiktir, ancak \u00fcretim ortam\u0131nda mutlaka belirli origin’ler belirtmelisiniz.  Ak\u0131ll\u0131 telefonunuz, tabletiniz veya bilgisayardaki  t\u00fcm uygulamalar\u0131n sunucunuza eri\u015fmesine izin vermek g\u00fcvenlik a\u00e7\u0131s\u0131ndan b\u00fcy\u00fck bir risk olu\u015fturur.   Her zaman g\u00fcvenli\u011fi \u00f6nceliklendirin.   Daha fazla bilgi i\u00e7in kendi blo\u011fuma g\u00f6z atabilirsiniz: fatihsoysal.com<\/a> <\/p>\n
Umar\u0131m bu makale size yard\u0131mc\u0131 olmu\u015ftur.  Ba\u015fka sorular\u0131n\u0131z varsa,  yorum b\u00f6l\u00fcm\u00fcnden bana ula\u015fabilirsiniz! <\/p>\n
#Etiketler: CORS, Flask, React, Cross-Origin Resource Sharing, API, hata \u00e7\u00f6z\u00fcm\u00fc, web geli\u015ftirme, flask-cors, proxy, g\u00fcvenlik<\/p>\n
<\/body>
\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"Flask-React Uygulamalar\u0131nda CORS Sorunlar\u0131n\u0131 \u00c7\u00f6zme Merhaba! Flask ve React kullanarak bir web uygulamas\u0131 geli\u015ftiriyorsan\u0131z, muhtemelen “CORS” hatas\u0131yla kar\u015f\u0131la\u015fm\u0131\u015fs\u0131n\u0131zd\u0131r.…","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-14735","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-genel","7":"cs-entry","8":"cs-video-wrap"},"yoast_head":"\nFlask-React Uygulamalar\u0131nda CORS Sorunlar\u0131n\u0131 \u00c7\u00f6zme<\/title>\n<meta name=\"description\" content=\"Merhaba! Flask ve React kullanarak bir web uygulamas\u0131 geli\u015ftiriyorsan\u0131z, muhtemelen "CORS" hatas\u0131yla kar\u015f\u0131la\u015fm\u0131\u015fs\u0131n\u0131zd\u0131r. CORS, k\u0131saca "Cross-Origin Resource Sharing" (\u00c7apraz K\u00f6ken Kaynak Payla\u015f\u0131m\u0131) anlam\u0131na gelir ve taray\u0131c\u0131lar\u0131n g\u00fcvenlik nedeniyle farkl\u0131 domain'lerden gelen istekleri engellemesiyle ortaya \u00e7\u0131kar. Bu makalede, bu sorunu nas\u0131l \u00e7\u00f6zece\u011finizi ad\u0131m ad\u0131m a\u00e7\u0131klayaca\u011f\u0131m. \u00d6ncelikle, sorunun nedenini ve \u00e7\u00f6z\u00fcm yollar\u0131n\u0131 inceleyelim. Sonras\u0131nda da pratik \u00f6rneklerle konuyu peki\u015ftirelim.\" \/>\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\/flask-react-uygulamalarinda-cors-sorunlarini-cozme\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Flask-React Uygulamalar\u0131nda CORS Sorunlar\u0131n\u0131 \u00c7\u00f6zme\" \/>\n<meta property=\"og:description\" content=\"Merhaba! Flask ve React kullanarak bir web uygulamas\u0131 geli\u015ftiriyorsan\u0131z, muhtemelen "CORS" hatas\u0131yla kar\u015f\u0131la\u015fm\u0131\u015fs\u0131n\u0131zd\u0131r. CORS, k\u0131saca "Cross-Origin Resource Sharing" (\u00c7apraz K\u00f6ken Kaynak Payla\u015f\u0131m\u0131) anlam\u0131na gelir ve taray\u0131c\u0131lar\u0131n g\u00fcvenlik nedeniyle farkl\u0131 domain'lerden gelen istekleri engellemesiyle ortaya \u00e7\u0131kar. Bu makalede, bu sorunu nas\u0131l \u00e7\u00f6zece\u011finizi ad\u0131m ad\u0131m a\u00e7\u0131klayaca\u011f\u0131m. \u00d6ncelikle, sorunun nedenini ve \u00e7\u00f6z\u00fcm yollar\u0131n\u0131 inceleyelim. Sonras\u0131nda da pratik \u00f6rneklerle konuyu peki\u015ftirelim.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fatihsoysal.com\/blog\/flask-react-uygulamalarinda-cors-sorunlarini-cozme\/\" \/>\n<meta property=\"og:site_name\" content=\"Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" \/>\n<meta property=\"article:published_time\" content=\"2025-03-10T02:30:14+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\/flask-react-uygulamalarinda-cors-sorunlarini-cozme\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/flask-react-uygulamalarinda-cors-sorunlarini-cozme\/\"},\"author\":{\"name\":\"Fatih Soysal\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"headline\":\"Flask-React Uygulamalar\u0131nda CORS Sorunlar\u0131n\u0131 \u00c7\u00f6zme\",\"datePublished\":\"2025-03-10T02:30:14+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/flask-react-uygulamalarinda-cors-sorunlarini-cozme\/\"},\"wordCount\":512,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/flask-react-uygulamalarinda-cors-sorunlarini-cozme\/#respond\"]}],\"copyrightYear\":\"2025\",\"copyrightHolder\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/flask-react-uygulamalarinda-cors-sorunlarini-cozme\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/flask-react-uygulamalarinda-cors-sorunlarini-cozme\/\",\"name\":\"Flask-React Uygulamalar\u0131nda CORS Sorunlar\u0131n\u0131 \u00c7\u00f6zme\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\"},\"datePublished\":\"2025-03-10T02:30:14+00:00\",\"description\":\"Merhaba! Flask ve React kullanarak bir web uygulamas\u0131 geli\u015ftiriyorsan\u0131z, muhtemelen \\\"CORS\\\" hatas\u0131yla kar\u015f\u0131la\u015fm\u0131\u015fs\u0131n\u0131zd\u0131r. CORS, k\u0131saca \\\"Cross-Origin Resource Sharing\\\" (\u00c7apraz K\u00f6ken Kaynak Payla\u015f\u0131m\u0131) anlam\u0131na gelir ve taray\u0131c\u0131lar\u0131n g\u00fcvenlik nedeniyle farkl\u0131 domain'lerden gelen istekleri engellemesiyle ortaya \u00e7\u0131kar. Bu makalede, bu sorunu nas\u0131l \u00e7\u00f6zece\u011finizi ad\u0131m ad\u0131m a\u00e7\u0131klayaca\u011f\u0131m. \u00d6ncelikle, sorunun nedenini ve \u00e7\u00f6z\u00fcm yollar\u0131n\u0131 inceleyelim. Sonras\u0131nda da pratik \u00f6rneklerle konuyu peki\u015ftirelim.\",\"breadcrumb\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/flask-react-uygulamalarinda-cors-sorunlarini-cozme\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/flask-react-uygulamalarinda-cors-sorunlarini-cozme\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/flask-react-uygulamalarinda-cors-sorunlarini-cozme\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/fatihsoysal.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Flask-React Uygulamalar\u0131nda CORS Sorunlar\u0131n\u0131 \u00c7\u00f6zme\"}]},{\"@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":"Flask-React Uygulamalar\u0131nda CORS Sorunlar\u0131n\u0131 \u00c7\u00f6zme","description":"Merhaba! Flask ve React kullanarak bir web uygulamas\u0131 geli\u015ftiriyorsan\u0131z, muhtemelen \"CORS\" hatas\u0131yla kar\u015f\u0131la\u015fm\u0131\u015fs\u0131n\u0131zd\u0131r. CORS, k\u0131saca \"Cross-Origin Resource Sharing\" (\u00c7apraz K\u00f6ken Kaynak Payla\u015f\u0131m\u0131) anlam\u0131na gelir ve taray\u0131c\u0131lar\u0131n g\u00fcvenlik nedeniyle farkl\u0131 domain'lerden gelen istekleri engellemesiyle ortaya \u00e7\u0131kar. Bu makalede, bu sorunu nas\u0131l \u00e7\u00f6zece\u011finizi ad\u0131m ad\u0131m a\u00e7\u0131klayaca\u011f\u0131m. \u00d6ncelikle, sorunun nedenini ve \u00e7\u00f6z\u00fcm yollar\u0131n\u0131 inceleyelim. Sonras\u0131nda da pratik \u00f6rneklerle konuyu peki\u015ftirelim.","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\/flask-react-uygulamalarinda-cors-sorunlarini-cozme\/","og_locale":"tr_TR","og_type":"article","og_title":"Flask-React Uygulamalar\u0131nda CORS Sorunlar\u0131n\u0131 \u00c7\u00f6zme","og_description":"Merhaba! Flask ve React kullanarak bir web uygulamas\u0131 geli\u015ftiriyorsan\u0131z, muhtemelen \"CORS\" hatas\u0131yla kar\u015f\u0131la\u015fm\u0131\u015fs\u0131n\u0131zd\u0131r. CORS, k\u0131saca \"Cross-Origin Resource Sharing\" (\u00c7apraz K\u00f6ken Kaynak Payla\u015f\u0131m\u0131) anlam\u0131na gelir ve taray\u0131c\u0131lar\u0131n g\u00fcvenlik nedeniyle farkl\u0131 domain'lerden gelen istekleri engellemesiyle ortaya \u00e7\u0131kar. Bu makalede, bu sorunu nas\u0131l \u00e7\u00f6zece\u011finizi ad\u0131m ad\u0131m a\u00e7\u0131klayaca\u011f\u0131m. \u00d6ncelikle, sorunun nedenini ve \u00e7\u00f6z\u00fcm yollar\u0131n\u0131 inceleyelim. Sonras\u0131nda da pratik \u00f6rneklerle konuyu peki\u015ftirelim.","og_url":"https:\/\/fatihsoysal.com\/blog\/flask-react-uygulamalarinda-cors-sorunlarini-cozme\/","og_site_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","article_published_time":"2025-03-10T02:30:14+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\/flask-react-uygulamalarinda-cors-sorunlarini-cozme\/#article","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/flask-react-uygulamalarinda-cors-sorunlarini-cozme\/"},"author":{"name":"Fatih Soysal","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"headline":"Flask-React Uygulamalar\u0131nda CORS Sorunlar\u0131n\u0131 \u00c7\u00f6zme","datePublished":"2025-03-10T02:30:14+00:00","mainEntityOfPage":{"@id":"https:\/\/fatihsoysal.com\/blog\/flask-react-uygulamalarinda-cors-sorunlarini-cozme\/"},"wordCount":512,"commentCount":0,"publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fatihsoysal.com\/blog\/flask-react-uygulamalarinda-cors-sorunlarini-cozme\/#respond"]}],"copyrightYear":"2025","copyrightHolder":{"@id":"https:\/\/fatihsoysal.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/fatihsoysal.com\/blog\/flask-react-uygulamalarinda-cors-sorunlarini-cozme\/","url":"https:\/\/fatihsoysal.com\/blog\/flask-react-uygulamalarinda-cors-sorunlarini-cozme\/","name":"Flask-React Uygulamalar\u0131nda CORS Sorunlar\u0131n\u0131 \u00c7\u00f6zme","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/#website"},"datePublished":"2025-03-10T02:30:14+00:00","description":"Merhaba! Flask ve React kullanarak bir web uygulamas\u0131 geli\u015ftiriyorsan\u0131z, muhtemelen \"CORS\" hatas\u0131yla kar\u015f\u0131la\u015fm\u0131\u015fs\u0131n\u0131zd\u0131r. CORS, k\u0131saca \"Cross-Origin Resource Sharing\" (\u00c7apraz K\u00f6ken Kaynak Payla\u015f\u0131m\u0131) anlam\u0131na gelir ve taray\u0131c\u0131lar\u0131n g\u00fcvenlik nedeniyle farkl\u0131 domain'lerden gelen istekleri engellemesiyle ortaya \u00e7\u0131kar. Bu makalede, bu sorunu nas\u0131l \u00e7\u00f6zece\u011finizi ad\u0131m ad\u0131m a\u00e7\u0131klayaca\u011f\u0131m. \u00d6ncelikle, sorunun nedenini ve \u00e7\u00f6z\u00fcm yollar\u0131n\u0131 inceleyelim. Sonras\u0131nda da pratik \u00f6rneklerle konuyu peki\u015ftirelim.","breadcrumb":{"@id":"https:\/\/fatihsoysal.com\/blog\/flask-react-uygulamalarinda-cors-sorunlarini-cozme\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fatihsoysal.com\/blog\/flask-react-uygulamalarinda-cors-sorunlarini-cozme\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fatihsoysal.com\/blog\/flask-react-uygulamalarinda-cors-sorunlarini-cozme\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/fatihsoysal.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Flask-React Uygulamalar\u0131nda CORS Sorunlar\u0131n\u0131 \u00c7\u00f6zme"}]},{"@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\/14735","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=14735"}],"version-history":[{"count":0,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/14735\/revisions"}],"wp:attachment":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/media?parent=14735"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/categories?post=14735"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/tags?post=14735"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}