\u064a\u0638\u0647\u0631 \u062e\u0637\u0623 CORS \u0639\u0646\u062f\u0645\u0627 \u062a\u062d\u0627\u0648\u0644 \u0635\u0641\u062d\u0629 \u0648\u064a\u0628 \u0642\u0631\u0627\u0621\u0629 \u0627\u0633\u062a\u062c\u0627\u0628\u0629 \u0645\u0646 \u062e\u0627\u062f\u0645 \u0639\u0644\u0649 \u0646\u0637\u0627\u0642 \u0623\u0648 \u0645\u0646\u0641\u0630 \u0645\u062e\u062a\u0644\u0641\u060c \u0648\u0644\u0627 \u064a\u0645\u0646\u062d \u0630\u0644\u0643 \u0627\u0644\u062e\u0627\u062f\u0645 \u0627\u0644\u0625\u0630\u0646 \u0627\u0644\u0645\u0646\u0627\u0633\u0628. \u0623\u0645\u0627 \u0627\u0644\u0627\u0633\u0645\u060c \u0641\u0647\u0648 \u0627\u062e\u062a\u0635\u0627\u0631 \u0644\u0639\u0628\u0627\u0631\u0629 \u00ab\u0645\u0634\u0627\u0631\u0643\u0629 \u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0639\u0628\u0631 \u0627\u0644\u0645\u0635\u0627\u062f\u0631 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629\u00bb Cross-Origin Resource Sharing.<\/p>\n\n
\u064a\u0639\u062a\u0645\u062f CORS \u0639\u0644\u0649 \u0631\u0624\u0648\u0633 \u0627\u0633\u062a\u062c\u0627\u0628\u0629 HTTP \u064a\u0631\u0633\u0644\u0647\u0627 \u0627\u0644\u062e\u0627\u062f\u0645 \u062d\u062a\u0649 \u064a\u0639\u0631\u0641 \u0627\u0644\u0645\u062a\u0635\u0641\u062d \u0647\u0644 \u064a\u0633\u0645\u062d \u0644\u0644\u0635\u0641\u062d\u0629 \u0628\u0627\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0627\u0633\u062a\u062c\u0627\u0628\u0629. \u0648\u064a\u062e\u062a\u0644\u0641 \u00ab\u0627\u0644\u0645\u0635\u062f\u0631\u00bb Origin \u0639\u0646\u062f\u0645\u0627 \u064a\u062e\u062a\u0644\u0641 \u0627\u0644\u0628\u0631\u0648\u062a\u0648\u0643\u0648\u0644 \u0623\u0648 \u0627\u0633\u0645 \u0627\u0644\u0646\u0637\u0627\u0642 \u0623\u0648 \u0631\u0642\u0645 \u0627\u0644\u0645\u0646\u0641\u0630\u061b \u0648\u0644\u0647\u0630\u0627 \u064a\u064f\u0639\u062f \u0627\u0644\u0637\u0644\u0628 \u0645\u0646 localhost:3000 \u0625\u0644\u0649 localhost:8080 \u0637\u0644\u0628\u064b\u0627 \u0639\u0627\u0628\u0631\u064b\u0627 \u0644\u0644\u0645\u0635\u062f\u0631.<\/p>\n\n
\u0644\u0646\u0641\u062a\u0631\u0636 \u0623\u0646 \u0648\u0627\u062c\u0647\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u062a\u0639\u0645\u0644 \u0639\u0644\u0649 http:\/\/localhost:3000\u060c \u0628\u064a\u0646\u0645\u0627 \u0648\u0627\u062c\u0647\u0629 API \u0639\u0644\u0649 http:\/\/localhost:8080. \u0641\u0639\u0644\u0649 \u0633\u0628\u064a\u0644 \u0627\u0644\u0645\u062b\u0627\u0644\u060c \u0639\u0646\u062f \u0627\u0633\u062a\u062e\u062f\u0627\u0645 fetch \u0644\u0637\u0644\u0628 \u0628\u064a\u0627\u0646\u0627\u062a\u060c \u0642\u062f \u064a\u0635\u0644 \u0627\u0644\u0637\u0644\u0628 \u0625\u0644\u0649 \u0627\u0644\u062e\u0627\u062f\u0645 \u0644\u0643\u0646 \u0627\u0644\u0645\u062a\u0635\u0641\u062d \u064a\u0645\u0646\u0639 JavaScript \u0645\u0646 \u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0631\u062f \u0625\u0630\u0627 \u063a\u0627\u0628 \u0631\u0623\u0633 \u0627\u0644\u0633\u0645\u0627\u062d.<\/p>\n\n
fetch('http:\/\/localhost:8080\/api\/products')\n .then(response => {\n if (!response.ok) throw new Error('\u0641\u0634\u0644 \u0627\u0644\u0637\u0644\u0628');\n return response.json();\n })\n .then(products => console.log(products))\n .catch(error => console.error(error));<\/code><\/pre>\n\n\u0643\u064a\u0641 \u064a\u0633\u0645\u062d \u0627\u0644\u062e\u0627\u062f\u0645 \u0628\u0637\u0644\u0628 \u0645\u0639\u0631\u0648\u0641<\/h2>\n\n
\u0625\u0630\u0627 \u0643\u0646\u062a \u062a\u062f\u064a\u0631 \u0627\u0644\u062e\u0627\u062f\u0645\u060c \u0623\u0631\u0633\u0644 \u0631\u0623\u0633 Access-Control-Allow-Origin \u0628\u0642\u064a\u0645\u0629 \u0645\u0635\u062f\u0631 \u0627\u0644\u0648\u0627\u062c\u0647\u0629 \u0627\u0644\u0645\u0633\u0645\u0648\u062d \u0644\u0647. \u0648\u0641\u064a\u0645\u0627 \u064a\u0644\u064a \u0645\u062b\u0627\u0644 \u064a\u0648\u0636\u062d \u0627\u0644\u0631\u0623\u0633 \u0627\u0644\u0645\u0637\u0644\u0648\u0628 \u0641\u064a \u0627\u0633\u062a\u062c\u0627\u0628\u0629 API\u061b \u0644\u0627 \u062a\u0636\u0639\u0647 \u062f\u0627\u062e\u0644 fetch \u0627\u0644\u062e\u0627\u0635 \u0628\u0627\u0644\u0645\u062a\u0635\u0641\u062d.<\/p>\n\n
Access-Control-Allow-Origin: http:\/\/localhost:3000\nVary: Origin<\/code><\/pre>\n\n\u0623\u0645\u0627 \u0641\u064a \u0628\u064a\u0626\u0629 \u0627\u0644\u0625\u0646\u062a\u0627\u062c\u060c \u0641\u0636\u0639 \u0646\u0637\u0627\u0642 \u0645\u0648\u0642\u0639\u0643 \u0627\u0644\u062d\u0642\u064a\u0642\u064a \u0628\u062f\u0644 localhost. \u0643\u0630\u0644\u0643\u060c \u0644\u0627 \u062a\u0633\u062a\u062e\u062f\u0645 \u0627\u0644\u0642\u064a\u0645\u0629 * \u0644\u0644\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u062a\u0636\u0645\u0646 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0639\u062a\u0645\u0627\u062f \u0645\u062b\u0644 \u0645\u0644\u0641\u0627\u062a \u062a\u0639\u0631\u064a\u0641 \u0627\u0644\u0627\u0631\u062a\u0628\u0627\u0637\u061b \u0644\u0647\u0627 \u0642\u0648\u0627\u0639\u062f \u0623\u0643\u062b\u0631 \u062a\u0642\u064a\u064a\u062f\u064b\u0627\u060c \u0648\u064a\u062c\u0628 \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0645\u0635\u062f\u0631 \u0627\u0644\u0645\u0633\u0645\u0648\u062d \u0628\u0647 \u0635\u0631\u0627\u062d\u0629 \u0639\u0646\u062f \u062a\u0641\u0639\u064a\u0644 \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f\u0627\u062a.<\/p>\n\n
\u0645\u0627 \u0647\u0648 \u0637\u0644\u0628 \u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0645\u0633\u0628\u0642 Preflight<\/h2>\n\n
\u0639\u0644\u0649 \u0633\u0628\u064a\u0644 \u0627\u0644\u0645\u062b\u0627\u0644\u060c \u0628\u0639\u0636 \u0627\u0644\u0637\u0644\u0628\u0627\u062a\u060c \u0645\u062b\u0644 \u0637\u0644\u0628\u0627\u062a PUT \u0623\u0648 \u062a\u0644\u0643 \u0627\u0644\u062a\u064a \u062a\u0636\u064a\u0641 \u0631\u0624\u0648\u0633\u064b\u0627 \u0645\u062e\u0635\u0635\u0629\u060c \u064a\u0633\u0628\u0642\u0647\u0627 \u0637\u0644\u0628 OPTIONS \u0644\u0644\u062a\u0623\u0643\u062f \u0645\u0646 \u0623\u0646 \u0627\u0644\u062e\u0627\u062f\u0645 \u064a\u0633\u0645\u062d \u0628\u0627\u0644\u0637\u0631\u064a\u0642\u0629 \u0648\u0627\u0644\u0631\u0624\u0648\u0633 \u0627\u0644\u0645\u0631\u0627\u062f \u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0647\u0627. \u0648\u0644\u0630\u0644\u0643\u060c \u064a\u062c\u0628 \u0623\u0646 \u064a\u0631\u062f \u0627\u0644\u062e\u0627\u062f\u0645 \u0639\u0644\u0649 \u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0645\u0633\u0628\u0642 \u0628\u0627\u0644\u0631\u0624\u0648\u0633 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629 \u0642\u0628\u0644 \u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0637\u0644\u0628 \u0627\u0644\u0623\u0635\u0644\u064a.<\/p>\n\n
\u0647\u0644 CORS \u0648\u0633\u064a\u0644\u0629 \u0644\u062d\u0645\u0627\u064a\u0629 API<\/h2>\n\n
\u0648\u0631\u063a\u0645 \u0623\u0647\u0645\u064a\u062a\u0647\u060c \u0641\u0625\u0646 CORS \u0642\u064a\u062f \u064a\u0637\u0628\u0642\u0647 \u0627\u0644\u0645\u062a\u0635\u0641\u062d \u0639\u0644\u0649 \u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0627\u0633\u062a\u062c\u0627\u0628\u0627\u062a \u0639\u0628\u0631 \u0627\u0644\u0645\u0635\u0627\u062f\u0631\u060c \u0648\u0644\u064a\u0633 \u0628\u062f\u064a\u0644\u064b\u0627 \u0639\u0646 \u0627\u0644\u0645\u0635\u0627\u062f\u0642\u0629 \u0648\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0635\u0644\u0627\u062d\u064a\u0627\u062a\u061b \u0625\u0630 \u064a\u0645\u0643\u0646 \u0644\u0644\u0639\u0645\u0644\u0627\u0621 \u063a\u064a\u0631 \u0627\u0644\u0645\u062a\u0635\u0641\u062d\u0627\u062a \u0625\u0631\u0633\u0627\u0644 \u0637\u0644\u0628\u0627\u062a HTTP \u0645\u0628\u0627\u0634\u0631\u0629. \u0644\u0630\u0644\u0643\u060c \u0644\u0627 \u062a\u0639\u0627\u0644\u062c \u0627\u0644\u062e\u0637\u0623 \u0628\u062a\u0639\u0637\u064a\u0644 \u0623\u0645\u0627\u0646 \u0627\u0644\u0645\u062a\u0635\u0641\u062d. \u0648\u064a\u0645\u0643\u0646 \u0627\u0644\u0627\u0633\u062a\u0641\u0627\u062f\u0629 \u0645\u0646 \u0634\u0631\u062d \u0627\u0644\u0633\u064a\u0631\u0641\u0631 \u0627\u0644\u0645\u062d\u0644\u064a Localhost<\/a> \u0644\u0641\u0647\u0645 \u0627\u062e\u062a\u0644\u0627\u0641 \u0627\u0644\u0645\u0646\u0627\u0641\u0630 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u062a\u0637\u0648\u064a\u0631.<\/p>","protected":false},"excerpt":{"rendered":"\u0634\u0631\u062d \u0645\u0628\u0633\u0637 \u0644\u0633\u064a\u0627\u0633\u0629 CORS \u0641\u064a \u0627\u0644\u0645\u062a\u0635\u0641\u062d\u060c \u0648\u0645\u062a\u0649 \u064a\u0638\u0647\u0631 \u062e\u0637\u0623 \u0627\u0644\u0648\u0635\u0648\u0644 \u0628\u064a\u0646 \u0627\u0644\u0646\u0637\u0627\u0642\u0627\u062a\u060c \u0645\u0639 \u0623\u0645\u062b\u0644\u0629 \u0644\u0631\u0624\u0648\u0633 HTTP \u0648\u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u062a\u0635\u062d\u064a\u062d \u0645\u0646 \u062c\u0647\u0629 \u0627\u0644\u062e\u0627\u062f\u0645.<\/p>\n","protected":false},"author":2,"featured_media":851,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_keef_sources":[{"title":"\u062f\u0644\u064a\u0644 \u0645\u0634\u0627\u0631\u0643\u0629 \u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0639\u0628\u0631 \u0627\u0644\u0645\u0635\u0627\u062f\u0631 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629 CORS","url":"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTTP\/Guides\/CORS","organization":"MDN Web Docs"},{"title":"\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0648\u0627\u062c\u0647\u0629 Fetch API \u0641\u064a JavaScript","url":"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Fetch_API\/Using_Fetch","organization":"MDN Web Docs"}],"footnotes":""},"categories":[2],"tags":[15,14],"class_list":["post-849","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-cultural-programming","tag-15","tag-14"],"_links":{"self":[{"href":"https:\/\/keefwiki.com\/code\/wp-json\/wp\/v2\/posts\/849","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/keefwiki.com\/code\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/keefwiki.com\/code\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/keefwiki.com\/code\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/keefwiki.com\/code\/wp-json\/wp\/v2\/comments?post=849"}],"version-history":[{"count":2,"href":"https:\/\/keefwiki.com\/code\/wp-json\/wp\/v2\/posts\/849\/revisions"}],"predecessor-version":[{"id":855,"href":"https:\/\/keefwiki.com\/code\/wp-json\/wp\/v2\/posts\/849\/revisions\/855"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/keefwiki.com\/code\/wp-json\/wp\/v2\/media\/851"}],"wp:attachment":[{"href":"https:\/\/keefwiki.com\/code\/wp-json\/wp\/v2\/media?parent=849"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/keefwiki.com\/code\/wp-json\/wp\/v2\/categories?post=849"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/keefwiki.com\/code\/wp-json\/wp\/v2\/tags?post=849"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}