{"id":15047,"date":"2025-03-13T11:00:17","date_gmt":"2025-03-13T08:00:17","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/vue-jsde-cors-hatasi-nasil-duzeltilir\/"},"modified":"2025-03-13T11:00:17","modified_gmt":"2025-03-13T08:00:17","slug":"vue-jsde-cors-hatasi-nasil-duzeltilir","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/vue-jsde-cors-hatasi-nasil-duzeltilir\/","title":{"rendered":"Vue.js&#8217;de CORS Hatas\u0131 Nas\u0131l D\u00fczeltilir?"},"content":{"rendered":"<p><body><\/p>\n<p>Vue.js&#8217;de CORS Hatas\u0131 Nas\u0131l D\u00fczeltilir?<\/p>\n<p>Merhaba! Ben Fatih Soysal ve bug\u00fcn Vue.js geli\u015ftirme s\u00fcrecinizde s\u0131kl\u0131kla kar\u015f\u0131la\u015fabilece\u011finiz bir sorunu, CORS (Cross-Origin Resource Sharing) hatalar\u0131n\u0131 ele alaca\u011f\u0131z.  Bu hata, farkl\u0131 domainlerden gelen isteklerin engellenmesi sonucu ortaya \u00e7\u0131kar ve uygulaman\u0131z\u0131n API ile ileti\u015fimini engeller.  Neyse ki, bu sorunu \u00e7\u00f6zmenin birka\u00e7 yolu var.  Ancak \u00f6ncelikle sorunun kayna\u011f\u0131n\u0131 anlamam\u0131z gerekmektedir.<\/p>\n<h2>CORS Hatas\u0131n\u0131n Kayna\u011f\u0131 Nedir?<\/h2>\n<p>Taray\u0131c\u0131lardaki g\u00fcvenlik politikalar\u0131ndan kaynaklanan CORS hatas\u0131, farkl\u0131 domainlerden gelen istekleri engeller. \u00d6rne\u011fin,  <code>https:\/\/fatihsoysal.com<\/code> domaininden bir Vue.js uygulamas\u0131, <code>https:\/\/api.example.com<\/code>  domainindeki bir API&#8217;ye istek g\u00f6nderdi\u011finde,  API&#8217;nin CORS politikalar\u0131na uygun bir yan\u0131t vermesi gerekir.  Akadar, API,  <code>Access-Control-Allow-Origin<\/code> ba\u015fl\u0131\u011f\u0131n\u0131 do\u011fru \u015fekilde ayarlam\u0131\u015f olmal\u0131d\u0131r.  Bu ba\u015fl\u0131k, hangi domainlerin API&#8217;ye eri\u015febilece\u011fini belirler.<\/p>\n<h2>CORS Hatas\u0131n\u0131 \u00c7\u00f6zmenin Yollar\u0131<\/h2>\n<p>\u0130\u015fte CORS hatas\u0131n\u0131 gidermek i\u00e7in kullanabilece\u011finiz birka\u00e7 y\u00f6ntem:<\/p>\n<h3>1. Backend&#8217;de CORS Ayarlar\u0131n\u0131 Yapmak<\/h3>\n<p>En g\u00fcvenilir ve \u00f6nerilen y\u00f6ntem, backend geli\u015ftiricisinin API&#8217;sinde CORS ayarlar\u0131n\u0131 yapmas\u0131d\u0131r.  Bu, API&#8217;nin <code>Access-Control-Allow-Origin<\/code> ba\u015fl\u0131\u011f\u0131n\u0131 do\u011fru \u015fekilde ayarlayarak, Vue.js uygulaman\u0131z\u0131n domainini belirtmesi anlam\u0131na gelir. \u00d6rne\u011fin, Node.js ve Express kullan\u0131yorsan\u0131z,  kodunuz \u015fu \u015fekilde olabilir:<\/p>\n<pre><code>\napp.use((req, res, next) => {\n  res.header('Access-Control-Allow-Origin', 'https:\/\/fatihsoysal.com'); \/\/ veya * t\u00fcm originler i\u00e7in\n  res.header('Access-Control-Allow-Headers', 'Origin, X-Requested-With, Content-Type, Accept');\n  next();\n});\n<\/code><\/pre>\n<p>Bu kod,  <code>https:\/\/fatihsoysal.com<\/code> domaininden gelen isteklere izin verir.  <code>*<\/code>  kullanarak t\u00fcm domainlere izin verebilirsiniz, ancak bu g\u00fcvenlik a\u00e7\u0131s\u0131ndan risklidir ve genellikle tavsiye edilmez.  Daha g\u00fcvenli bir yakla\u015f\u0131m, sadece izin vermek istedi\u011finiz domainleri belirtmektir.<\/p>\n<h3>2. Proxy Sunucusu Kullan\u0131m\u0131 (Development Ortam\u0131 \u0130\u00e7in)<\/h3>\n<p>Geli\u015ftirme s\u00fcrecinde,  proxy sunucusu kullanarak CORS hatas\u0131n\u0131 ge\u00e7ici olarak \u00e7\u00f6zebilirsiniz.  Vue CLI veya webpack&#8217;in proxy ayarlar\u0131n\u0131 kullanarak,  API isteklerini local sunucudan ge\u00e7irerek CORS engelini a\u015fabilirsiniz.  Bu, backend&#8217;deki CORS ayarlar\u0131n\u0131 tamamlamadan \u00f6nce h\u0131zl\u0131 bir \u00e7\u00f6z\u00fcm sa\u011flar.<\/p>\n<p>\u00d6rne\u011fin, <code>vue.config.js<\/code> dosyan\u0131zda:<\/p>\n<pre><code>\nmodule.exports = {\n  devServer: {\n    proxy: {\n      '\/api': {\n        target: 'https:\/\/api.example.com',\n        changeOrigin: true\n      }\n    }\n  }\n}\n<\/code><\/pre>\n<p>Bu ayar,  <code>\/api<\/code> ile ba\u015flayan t\u00fcm istekleri <code>https:\/\/api.example.com<\/code> adresine y\u00f6nlendirir.<\/p>\n<h3>3. JSONP (JSONP, s\u0131n\u0131rl\u0131 kullan\u0131m alan\u0131na sahiptir ve g\u00fcvenlik endi\u015feleri i\u00e7erir)<\/h3>\n<p>JSONP (JSON with Padding),  ayn\u0131 k\u00f6ken politikas\u0131n\u0131 atlatman\u0131n eski bir yoludur. Ancak, g\u00fcvenlik riskleri nedeniyle,  di\u011fer y\u00f6ntemlere g\u00f6re daha az tercih edilir.  Sadece ger\u00e7ekten gerekliyse ve g\u00fcvenlik endi\u015felerini dikkatlice de\u011ferlendirdikten sonra kullan\u0131n.  <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/XMLHttpRequest\/Using_XMLHttpRequest\">Daha fazla bilgi i\u00e7in MDN dok\u00fcmanlar\u0131n\u0131 inceleyebilirsiniz.<\/a><\/p>\n<h2>Sonu\u00e7<\/h2>\n<p>CORS hatalar\u0131, Vue.js uygulamalar\u0131nda s\u0131k kar\u015f\u0131la\u015f\u0131lan bir sorundur, ancak do\u011fru y\u00f6ntemler kullan\u0131larak kolayca \u00e7\u00f6z\u00fclebilir.  Backend&#8217;de CORS ayarlar\u0131n\u0131 do\u011fru bir \u015fekilde yapmak en iyi \u00e7\u00f6z\u00fcmd\u00fcr.  Geli\u015ftirme a\u015famas\u0131nda proxy sunucusu kullanmak ise ge\u00e7ici bir \u00e7\u00f6z\u00fcm sunar.  Ancak JSONP&#8217;nin g\u00fcvenlik riskleri nedeniyle tercih edilmemesi \u00f6nemlidir.  Umar\u0131m bu makale size yard\u0131mc\u0131 olmu\u015ftur.  Daha fazla bilgi i\u00e7in <a href=\"https:\/\/fatihsoysal.com\">web sitemi<\/a> ziyaret edebilirsiniz. <\/p>\n<p><\/body><br \/>\n<\/html><\/p>\n<p>#Etiketler: CORS hatas\u0131, Vue.js, CORS \u00e7\u00f6z\u00fcm\u00fc, frontend, backend, JavaScript, API, Axios, fetch, Access-Control-Allow-Origin, proxy sunucusu, JSONP<\/p>\n","protected":false},"excerpt":{"rendered":"Vue.js&#8217;de CORS Hatas\u0131 Nas\u0131l D\u00fczeltilir? Merhaba! Ben Fatih Soysal ve bug\u00fcn Vue.js geli\u015ftirme s\u00fcrecinizde s\u0131kl\u0131kla kar\u015f\u0131la\u015fabilece\u011finiz bir sorunu,&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-15047","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>Vue.js&#039;de CORS Hatas\u0131 Nas\u0131l D\u00fczeltilir?<\/title>\n<meta name=\"description\" content=\"Merhaba! Ben Fatih Soysal ve bug\u00fcn Vue.js geli\u015ftirme s\u00fcrecinizde s\u0131kl\u0131kla kar\u015f\u0131la\u015fabilece\u011finiz bir sorunu, CORS (Cross-Origin Resource Sharing) hatalar\u0131n\u0131 ele alaca\u011f\u0131z. Bu hata, farkl\u0131 domainlerden gelen isteklerin engellenmesi sonucu ortaya \u00e7\u0131kar ve uygulaman\u0131z\u0131n API ile ileti\u015fimini engeller. Neyse ki, bu sorunu \u00e7\u00f6zmenin birka\u00e7 yolu var. Ancak \u00f6ncelikle sorunun kayna\u011f\u0131n\u0131 anlamam\u0131z gerekmektedir.\" \/>\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\/vue-jsde-cors-hatasi-nasil-duzeltilir\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Vue.js&#039;de CORS Hatas\u0131 Nas\u0131l D\u00fczeltilir?\" \/>\n<meta property=\"og:description\" content=\"Merhaba! Ben Fatih Soysal ve bug\u00fcn Vue.js geli\u015ftirme s\u00fcrecinizde s\u0131kl\u0131kla kar\u015f\u0131la\u015fabilece\u011finiz bir sorunu, CORS (Cross-Origin Resource Sharing) hatalar\u0131n\u0131 ele alaca\u011f\u0131z. Bu hata, farkl\u0131 domainlerden gelen isteklerin engellenmesi sonucu ortaya \u00e7\u0131kar ve uygulaman\u0131z\u0131n API ile ileti\u015fimini engeller. Neyse ki, bu sorunu \u00e7\u00f6zmenin birka\u00e7 yolu var. Ancak \u00f6ncelikle sorunun kayna\u011f\u0131n\u0131 anlamam\u0131z gerekmektedir.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fatihsoysal.com\/blog\/vue-jsde-cors-hatasi-nasil-duzeltilir\/\" \/>\n<meta property=\"og:site_name\" content=\"Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" \/>\n<meta property=\"article:published_time\" content=\"2025-03-13T08:00:17+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\/vue-jsde-cors-hatasi-nasil-duzeltilir\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/vue-jsde-cors-hatasi-nasil-duzeltilir\/\"},\"author\":{\"name\":\"Fatih Soysal\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"headline\":\"Vue.js&#8217;de CORS Hatas\u0131 Nas\u0131l D\u00fczeltilir?\",\"datePublished\":\"2025-03-13T08:00:17+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/vue-jsde-cors-hatasi-nasil-duzeltilir\/\"},\"wordCount\":508,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/vue-jsde-cors-hatasi-nasil-duzeltilir\/#respond\"]}],\"copyrightYear\":\"2025\",\"copyrightHolder\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/vue-jsde-cors-hatasi-nasil-duzeltilir\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/vue-jsde-cors-hatasi-nasil-duzeltilir\/\",\"name\":\"Vue.js'de CORS Hatas\u0131 Nas\u0131l D\u00fczeltilir?\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\"},\"datePublished\":\"2025-03-13T08:00:17+00:00\",\"description\":\"Merhaba! Ben Fatih Soysal ve bug\u00fcn Vue.js geli\u015ftirme s\u00fcrecinizde s\u0131kl\u0131kla kar\u015f\u0131la\u015fabilece\u011finiz bir sorunu, CORS (Cross-Origin Resource Sharing) hatalar\u0131n\u0131 ele alaca\u011f\u0131z. Bu hata, farkl\u0131 domainlerden gelen isteklerin engellenmesi sonucu ortaya \u00e7\u0131kar ve uygulaman\u0131z\u0131n API ile ileti\u015fimini engeller. Neyse ki, bu sorunu \u00e7\u00f6zmenin birka\u00e7 yolu var. Ancak \u00f6ncelikle sorunun kayna\u011f\u0131n\u0131 anlamam\u0131z gerekmektedir.\",\"breadcrumb\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/vue-jsde-cors-hatasi-nasil-duzeltilir\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/vue-jsde-cors-hatasi-nasil-duzeltilir\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/vue-jsde-cors-hatasi-nasil-duzeltilir\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/fatihsoysal.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Vue.js&#8217;de CORS Hatas\u0131 Nas\u0131l D\u00fczeltilir?\"}]},{\"@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":"Vue.js'de CORS Hatas\u0131 Nas\u0131l D\u00fczeltilir?","description":"Merhaba! Ben Fatih Soysal ve bug\u00fcn Vue.js geli\u015ftirme s\u00fcrecinizde s\u0131kl\u0131kla kar\u015f\u0131la\u015fabilece\u011finiz bir sorunu, CORS (Cross-Origin Resource Sharing) hatalar\u0131n\u0131 ele alaca\u011f\u0131z. Bu hata, farkl\u0131 domainlerden gelen isteklerin engellenmesi sonucu ortaya \u00e7\u0131kar ve uygulaman\u0131z\u0131n API ile ileti\u015fimini engeller. Neyse ki, bu sorunu \u00e7\u00f6zmenin birka\u00e7 yolu var. Ancak \u00f6ncelikle sorunun kayna\u011f\u0131n\u0131 anlamam\u0131z gerekmektedir.","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\/vue-jsde-cors-hatasi-nasil-duzeltilir\/","og_locale":"tr_TR","og_type":"article","og_title":"Vue.js'de CORS Hatas\u0131 Nas\u0131l D\u00fczeltilir?","og_description":"Merhaba! Ben Fatih Soysal ve bug\u00fcn Vue.js geli\u015ftirme s\u00fcrecinizde s\u0131kl\u0131kla kar\u015f\u0131la\u015fabilece\u011finiz bir sorunu, CORS (Cross-Origin Resource Sharing) hatalar\u0131n\u0131 ele alaca\u011f\u0131z. Bu hata, farkl\u0131 domainlerden gelen isteklerin engellenmesi sonucu ortaya \u00e7\u0131kar ve uygulaman\u0131z\u0131n API ile ileti\u015fimini engeller. Neyse ki, bu sorunu \u00e7\u00f6zmenin birka\u00e7 yolu var. Ancak \u00f6ncelikle sorunun kayna\u011f\u0131n\u0131 anlamam\u0131z gerekmektedir.","og_url":"https:\/\/fatihsoysal.com\/blog\/vue-jsde-cors-hatasi-nasil-duzeltilir\/","og_site_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","article_published_time":"2025-03-13T08:00:17+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\/vue-jsde-cors-hatasi-nasil-duzeltilir\/#article","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/vue-jsde-cors-hatasi-nasil-duzeltilir\/"},"author":{"name":"Fatih Soysal","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"headline":"Vue.js&#8217;de CORS Hatas\u0131 Nas\u0131l D\u00fczeltilir?","datePublished":"2025-03-13T08:00:17+00:00","mainEntityOfPage":{"@id":"https:\/\/fatihsoysal.com\/blog\/vue-jsde-cors-hatasi-nasil-duzeltilir\/"},"wordCount":508,"commentCount":0,"publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fatihsoysal.com\/blog\/vue-jsde-cors-hatasi-nasil-duzeltilir\/#respond"]}],"copyrightYear":"2025","copyrightHolder":{"@id":"https:\/\/fatihsoysal.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/fatihsoysal.com\/blog\/vue-jsde-cors-hatasi-nasil-duzeltilir\/","url":"https:\/\/fatihsoysal.com\/blog\/vue-jsde-cors-hatasi-nasil-duzeltilir\/","name":"Vue.js'de CORS Hatas\u0131 Nas\u0131l D\u00fczeltilir?","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/#website"},"datePublished":"2025-03-13T08:00:17+00:00","description":"Merhaba! Ben Fatih Soysal ve bug\u00fcn Vue.js geli\u015ftirme s\u00fcrecinizde s\u0131kl\u0131kla kar\u015f\u0131la\u015fabilece\u011finiz bir sorunu, CORS (Cross-Origin Resource Sharing) hatalar\u0131n\u0131 ele alaca\u011f\u0131z. Bu hata, farkl\u0131 domainlerden gelen isteklerin engellenmesi sonucu ortaya \u00e7\u0131kar ve uygulaman\u0131z\u0131n API ile ileti\u015fimini engeller. Neyse ki, bu sorunu \u00e7\u00f6zmenin birka\u00e7 yolu var. Ancak \u00f6ncelikle sorunun kayna\u011f\u0131n\u0131 anlamam\u0131z gerekmektedir.","breadcrumb":{"@id":"https:\/\/fatihsoysal.com\/blog\/vue-jsde-cors-hatasi-nasil-duzeltilir\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fatihsoysal.com\/blog\/vue-jsde-cors-hatasi-nasil-duzeltilir\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fatihsoysal.com\/blog\/vue-jsde-cors-hatasi-nasil-duzeltilir\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/fatihsoysal.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Vue.js&#8217;de CORS Hatas\u0131 Nas\u0131l D\u00fczeltilir?"}]},{"@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\/15047","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=15047"}],"version-history":[{"count":0,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/15047\/revisions"}],"wp:attachment":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/media?parent=15047"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/categories?post=15047"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/tags?post=15047"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}