{"id":81344,"date":"2024-10-24T21:14:55","date_gmt":"2024-10-24T17:44:55","guid":{"rendered":"https:\/\/nabfollower.com\/blog\/axios-vs-fetch-which-one-should-you-choose-for-your-project-mka\/"},"modified":"2024-10-24T21:14:55","modified_gmt":"2024-10-24T17:44:55","slug":"axios-vs-fetch-which-one-should-you-choose-for-your-project-mka","status":"publish","type":"post","link":"https:\/\/nabfollower.com\/blog\/axios-vs-fetch-which-one-should-you-choose-for-your-project-mka\/","title":{"rendered":"Axios \u062f\u0631 \u0645\u0642\u0627\u0628\u0644 Fetch: \u06a9\u062f\u0627\u0645 \u06cc\u06a9 \u0631\u0627 \u0628\u0627\u06cc\u062f \u0628\u0631\u0627\u06cc \u067e\u0631\u0648\u0698\u0647 \u062e\u0648\u062f \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u06cc\u062f"},"content":{"rendered":"

Summarize this content to 400 words in Persian Lang <\/p>\n

\u0645\u0642\u062f\u0645\u0647<\/p>\n

\u062f\u0631 \u062a\u0648\u0633\u0639\u0647 \u0648\u0628\u060c \u0628\u062d\u062b \u0628\u06cc\u0646 Axios \u062f\u0631 \u0645\u0642\u0627\u0628\u0644 \u0648\u0627\u06a9\u0634\u06cc \u062d\u0648\u0644 \u0645\u062d\u0648\u0631 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0647\u0627\u06cc HTTP \u0645\u06cc \u0686\u0631\u062e\u062f \u200b\u200b\u06a9\u0647 \u0628\u0631\u0627\u06cc \u0627\u0631\u062a\u0628\u0627\u0637 \u0628\u06cc\u0646 \u0645\u0631\u0648\u0631\u06af\u0631 \u0648 \u0633\u0631\u0648\u0631 \u0636\u0631\u0648\u0631\u06cc \u0627\u0633\u062a. \u0686\u0647 \u062f\u0631 \u062d\u0627\u0644 \u0648\u0627\u06a9\u0634\u06cc \u062f\u0627\u062f\u0647\u200c\u0647\u0627\u060c \u0627\u0631\u0633\u0627\u0644 \u0641\u0631\u0645\u200c\u0647\u0627 \u06cc\u0627 \u062a\u0639\u0627\u0645\u0644 \u0628\u0627 API\u0647\u0627 \u0628\u0627\u0634\u06cc\u062f\u060c \u062f\u0631\u062e\u0648\u0627\u0633\u062a\u200c\u0647\u0627\u06cc HTTP \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0647\u0627\u06cc \u0648\u0628 \u0631\u0627 \u067e\u0648\u06cc\u0627 \u0646\u06af\u0647 \u0645\u06cc\u200c\u062f\u0627\u0631\u0646\u062f. \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u0627\u063a\u0644\u0628 \u0628\u0647 \u0647\u0631 \u062f\u0648 \u0645\u062a\u06a9\u06cc \u0647\u0633\u062a\u0646\u062f fetch()\u060c \u06cc\u06a9 \u0648\u06cc\u0698\u06af\u06cc \u062f\u0627\u062e\u0644\u06cc \u0645\u0631\u0648\u0631\u06af\u0631 \u06cc\u0627 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 \u0634\u062e\u0635 \u062b\u0627\u0644\u062b Axios.<\/p>\n

\u0647\u0645 Axios \u0648 \u0647\u0645 fetch() \u062f\u0631\u062e\u0648\u0627\u0633\u062a\u200c\u0647\u0627\u06cc \u0631\u0627\u06cc\u062c HTTP \u0645\u0627\u0646\u0646\u062f GET\u060c POST\u060c PUT \u0648 DELETE \u0631\u0627 \u0645\u062f\u06cc\u0631\u06cc\u062a \u0645\u06cc\u200c\u06a9\u0646\u062f\u060c \u0627\u0645\u0627 \u062f\u0627\u0631\u0627\u06cc \u0645\u0632\u0627\u06cc\u0627\u06cc \u0645\u0634\u062e\u0635\u06cc \u0627\u0633\u062a. Axios \u0628\u0647 \u062f\u0644\u06cc\u0644 \u0633\u0627\u062f\u06af\u06cc \u0648 \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627\u06cc \u0642\u062f\u0631\u062a\u0645\u0646\u062f\u0634 \u0645\u062d\u0628\u0648\u0628 \u0627\u0633\u062a\u060c \u062f\u0631 \u062d\u0627\u0644\u06cc \u06a9\u0647 fetch() \u0633\u0628\u06a9 \u0648\u0632\u0646 \u0627\u0633\u062a \u0648 \u062f\u0631 \u0645\u0631\u0648\u0631\u06af\u0631\u0647\u0627 \u062a\u0639\u0628\u06cc\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a \u0648 \u0627\u0632 \u0648\u0627\u0628\u0633\u062a\u06af\u06cc \u0647\u0627\u06cc \u062e\u0627\u0631\u062c\u06cc \u0627\u062c\u062a\u0646\u0627\u0628 \u0645\u06cc \u06a9\u0646\u062f.<\/p>\n

\u0627\u06cc\u0646 \u0648\u0628\u0644\u0627\u06af \u0645\u0642\u0627\u06cc\u0633\u0647 \u062e\u0648\u0627\u0647\u062f \u06a9\u0631\u062f Axios \u062f\u0631 \u0645\u0642\u0627\u0628\u0644 \u0648\u0627\u06a9\u0634\u06cc\u060c \u062a\u0641\u0627\u0648\u062a \u0647\u0627\u06cc \u06a9\u0644\u06cc\u062f\u06cc\u060c \u0646\u0642\u0627\u0637 \u0642\u0648\u062a \u0648 \u0636\u0639\u0641 \u0622\u0646\u0647\u0627 \u0631\u0627 \u0628\u0627 \u0645\u062b\u0627\u0644 \u0647\u0627\u06cc \u0639\u0645\u0644\u06cc \u0628\u0631\u062c\u0633\u062a\u0647 \u0645\u06cc \u06a9\u0646\u062f \u0648 \u0628\u0647 \u0634\u0645\u0627 \u062f\u0631 \u0627\u0646\u062a\u062e\u0627\u0628 \u0627\u0628\u0632\u0627\u0631 \u0645\u0646\u0627\u0633\u0628 \u0628\u0631\u0627\u06cc \u067e\u0631\u0648\u0698\u0647 \u06a9\u0645\u06a9 \u0645\u06cc \u06a9\u0646\u062f.<\/p>\n

\u062a\u0641\u0627\u0648\u062a \u0627\u0635\u0644\u06cc \u0628\u06cc\u0646 Axios \u0648 fetch()<\/p>\n

\u0647\u0646\u06af\u0627\u0645 \u062a\u0635\u0645\u06cc\u0645 \u06af\u06cc\u0631\u06cc \u0628\u06cc\u0646 Axios \u062f\u0631 \u0645\u0642\u0627\u0628\u0644 \u0648\u0627\u06a9\u0634\u06cc\u0645\u0647\u0645 \u0627\u0633\u062a \u06a9\u0647 \u062a\u0641\u0627\u0648\u062a \u0647\u0627\u06cc \u0627\u0633\u0627\u0633\u06cc \u0622\u0646\u0647\u0627 \u0631\u0627 \u062f\u0631\u06a9 \u06a9\u0646\u06cc\u062f\u060c \u0627\u0632 \u0646\u062d\u0648 \u0648 \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc \u06af\u0631\u0641\u062a\u0647 \u062a\u0627 \u0645\u062f\u06cc\u0631\u06cc\u062a \u062f\u0627\u062f\u0647 \u0647\u0627 \u0648 \u0633\u0627\u0632\u06af\u0627\u0631\u06cc \u0628\u0627 \u0639\u0642\u0628. \u062f\u0631 \u0632\u06cc\u0631\u060c \u0645\u0627 \u062a\u0636\u0627\u062f\u0647\u0627\u06cc \u06a9\u0644\u06cc\u062f\u06cc \u0628\u06cc\u0646 \u0627\u06cc\u0646 \u062f\u0648 \u0631\u0627 \u0628\u0631\u0631\u0633\u06cc \u062e\u0648\u0627\u0647\u06cc\u0645 \u06a9\u0631\u062f \u062a\u0627 \u0628\u0647 \u0634\u0645\u0627 \u062f\u0631 \u062a\u0635\u0645\u06cc\u0645 \u06af\u06cc\u0631\u06cc \u06a9\u0645\u06a9 \u06a9\u0646\u062f.<\/p>\n

1. \u0646\u062d\u0648 \u0648 \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc \u0627\u0648\u0644\u06cc\u0647<\/p>\n

\u06cc\u06a9\u06cc \u0627\u0632 \u062a\u0641\u0627\u0648\u062a \u0647\u0627\u06cc \u0627\u0635\u0644\u06cc \u0628\u06cc\u0646 Axios \u0648 fetch() \u0633\u0627\u062f\u06af\u06cc \u0646\u062d\u0648 \u0622\u0646\u0647\u0627\u0633\u062a. \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u0646\u06af\u0627\u0647\u06cc \u0627\u062c\u0645\u0627\u0644\u06cc \u0628\u0647 \u0646\u062d\u0648\u0647 \u0638\u0627\u0647\u0631 \u06cc\u06a9 \u062f\u0631\u062e\u0648\u0627\u0633\u062a HTTP \u0633\u0627\u062f\u0647 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0647\u0631 \u062f\u0648 \u0631\u0648\u0634 \u062f\u0627\u0631\u06cc\u0645:<\/p>\n

\u0645\u062b\u0627\u0644 Axios:<\/p>\n

axios.get(‘https:\/\/jsonplaceholder.typicode.com\/posts’)
\n .then(response => {
\n console.log(response.data);
\n })
\n .catch(error => {
\n console.error(‘Error:’, error);
\n });<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

fetch() \u0645\u062b\u0627\u0644:<\/p>\n

fetch(‘https:\/\/jsonplaceholder.typicode.com\/posts’)
\n .then(response => response.json())
\n .then(data => {
\n console.log(data);
\n })
\n .catch(error => {
\n console.error(‘Error:’, error);
\n });<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

\u062f\u0631 Axios\u060c \u062f\u0627\u062f\u0647 \u0647\u0627\u06cc \u067e\u0627\u0633\u062e \u0628\u0647 \u0637\u0648\u0631 \u062e\u0648\u062f\u06a9\u0627\u0631 \u062a\u062c\u0632\u06cc\u0647 \u0645\u06cc \u0634\u0648\u0646\u062f \u0648 data \u0634\u06cc \u0631\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646 \u0645\u0633\u062a\u0642\u06cc\u0645\u0627\u064b \u062f\u0631 \u062f\u0633\u062a\u0631\u0633 \u0642\u0631\u0627\u0631 \u062f\u0627\u062f. \u0628\u0627 fetch()\u060c \u0628\u0627\u06cc\u062f \u067e\u0627\u0633\u062e \u0631\u0627 \u0628\u0627 \u062a\u0645\u0627\u0633 \u0628\u0647 \u0635\u0648\u0631\u062a \u062f\u0633\u062a\u06cc \u062a\u062c\u0632\u06cc\u0647 \u06a9\u0646\u06cc\u062f response.json()\u060c Axios \u0631\u0627 \u0628\u0631\u0627\u06cc \u0639\u0645\u0644\u06cc\u0627\u062a \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f \u0645\u062e\u062a\u0635\u0631\u062a\u0631 \u0645\u06cc \u06a9\u0646\u062f.<\/p>\n

2. \u0645\u062f\u06cc\u0631\u06cc\u062a \u062f\u0627\u062f\u0647\u060c \u062a\u062c\u0632\u06cc\u0647 JSON\u060c \u0648 \u0633\u0627\u062f\u06af\u06cc<\/p>\n

\u06cc\u06a9\u06cc \u062f\u06cc\u06af\u0631 \u0627\u0632 \u062a\u0641\u0627\u0648\u062a \u0647\u0627\u06cc \u06a9\u0644\u06cc\u062f\u06cc \u062f\u0631 Axios \u062f\u0631 \u0645\u0642\u0627\u0628\u0644 \u0648\u0627\u06a9\u0634\u06cc \u0628\u062d\u062b \u062d\u0648\u0644 \u0645\u062f\u06cc\u0631\u06cc\u062a \u062f\u0627\u062f\u0647 \u0647\u0627 \u0645\u06cc \u0686\u0631\u062e\u062f:<\/p>\n

\u062a\u062c\u0632\u06cc\u0647 \u062e\u0648\u062f\u06a9\u0627\u0631 JSON:
\nAxios \u0628\u0647 \u0637\u0648\u0631 \u062e\u0648\u062f\u06a9\u0627\u0631 \u062a\u062c\u0632\u06cc\u0647 JSON \u0631\u0627 \u06a9\u0646\u062a\u0631\u0644 \u0645\u06cc \u06a9\u0646\u062f \u0648 \u062f\u0627\u062f\u0647 \u0647\u0627\u06cc \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0648 \u067e\u0627\u0633\u062e \u0631\u0627 \u0628\u0647 \u0637\u0648\u0631 \u067e\u06cc\u0634 \u0641\u0631\u0636 \u0628\u0647 JSON \u062a\u0628\u062f\u06cc\u0644 \u0645\u06cc \u06a9\u0646\u062f. \u0627\u06cc\u0646 \u06a9\u0627\u0631 \u0647\u0646\u06af\u0627\u0645 \u06a9\u0627\u0631 \u0628\u0627 API \u0647\u0627\u06cc JSON \u0631\u0627\u062d\u062a \u0627\u0633\u062a\u060c \u0632\u06cc\u0631\u0627 \u0634\u0645\u0627 \u0631\u0627 \u0627\u0632 \u0631\u0634\u062a\u0647 \u06cc\u0627 \u062a\u062c\u0632\u06cc\u0647 \u062f\u0633\u062a\u06cc \u062f\u0627\u062f\u0647 \u0647\u0627 \u0646\u062c\u0627\u062a \u0645\u06cc \u062f\u0647\u062f. \u062f\u0631 \u0645\u0642\u0627\u0628\u0644\u060c fetch() \u0646\u06cc\u0627\u0632 \u0628\u0647 \u0645\u062f\u06cc\u0631\u06cc\u062a \u0635\u0631\u06cc\u062d \u0647\u0645 \u0627\u0632 \u062a\u062c\u0632\u06cc\u0647 \u0648 \u0647\u0645 \u0631\u0634\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u062f\u0627\u0631\u062f \u06a9\u0647 \u0622\u0646 \u0631\u0627 \u06a9\u0645\u06cc \u067e\u0631\u0645\u062e\u0627\u0637\u0628\u200c\u062a\u0631 \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/p>\n

\u0645\u062b\u0627\u0644 Axios (\u0645\u062f\u06cc\u0631\u06cc\u062a \u062f\u0627\u062f\u0647):<\/p>\n

axios.post(‘https:\/\/jsonplaceholder.typicode.com\/posts’, {
\n title: ‘Post Title’,
\n body: ‘Post Content’,
\n })
\n .then(response => console.log(response.data));<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

fetch() \u0645\u062b\u0627\u0644 (\u0645\u062f\u06cc\u0631\u06cc\u062a \u062f\u0627\u062f\u0647):<\/p>\n

fetch(‘https:\/\/jsonplaceholder.typicode.com\/posts’, {
\n method: ‘POST’,
\n headers: {
\n ‘Content-Type’: ‘application\/json’
\n },
\n body: JSON.stringify({
\n title: ‘Post Title’,
\n body: ‘Post Content’
\n })
\n })
\n .then(response => response.json())
\n .then(data => console.log(data));<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

\u0631\u0633\u06cc\u062f\u06af\u06cc \u0628\u0647 \u062e\u0637\u0627:
\n\u062f\u0631 Axios\u060c \u062e\u0637\u0627\u0647\u0627\u06cc HTTP \u0628\u0647 \u0637\u0648\u0631 \u062e\u0648\u062f\u06a9\u0627\u0631 \u0645\u062f\u06cc\u0631\u06cc\u062a \u0645\u06cc \u0634\u0648\u0646\u062f \u0648 \u0647\u0631 \u067e\u0627\u0633\u062e\u06cc \u0628\u0627 \u06a9\u062f \u0648\u0636\u0639\u06cc\u062a \u062e\u0627\u0631\u062c \u0627\u0632 \u0645\u062d\u062f\u0648\u062f\u0647 2xx \u0628\u0627\u0639\u062b \u0627\u06cc\u062c\u0627\u062f \u062e\u0637\u0627 \u0645\u06cc \u0634\u0648\u062f. catch \u0645\u0633\u062f\u0648\u062f \u06a9\u0631\u062f\u0646 \u0627\u06cc\u0646 \u0628\u062f\u0627\u0646 \u0645\u0639\u0646\u0627\u0633\u062a \u06a9\u0647 Axios \u0628\u0627 \u062e\u0637\u0627\u0647\u0627\u06cc \u0633\u0631\u0648\u0631 (\u0645\u0627\u0646\u0646\u062f 404 \u06cc\u0627 500) \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0627\u0633\u062a\u062b\u0646\u0627 \u0628\u0631\u062e\u0648\u0631\u062f \u0645\u06cc \u06a9\u0646\u062f \u0648 \u0645\u062f\u06cc\u0631\u06cc\u062a \u062e\u0637\u0627 \u0631\u0627 \u0628\u0635\u0631\u06cc \u062a\u0631 \u0645\u06cc \u06a9\u0646\u062f. \u062f\u0631 \u0645\u0642\u0627\u0628\u0644\u060c fetch() \u0641\u0642\u0637 \u062f\u0631 \u0635\u0648\u0631\u062a \u062e\u0631\u0627\u0628\u06cc \u0647\u0627\u06cc \u0634\u0628\u06a9\u0647 \u0631\u062f \u0645\u06cc \u06a9\u0646\u062f \u0648 \u0647\u0645\u0686\u0646\u0627\u0646 \u062e\u0637\u0627\u0647\u0627\u06cc \u0633\u0631\u0648\u0631 \u0631\u0627 \u0628\u0631\u0637\u0631\u0641 \u0645\u06cc \u06a9\u0646\u062f. \u0634\u0645\u0627 \u0628\u0627\u06cc\u062f \u0628\u0631\u0631\u0633\u06cc \u06a9\u0646\u06cc\u062f response.ok \u0648\u06cc\u0698\u06af\u06cc \u0628\u0647 \u0635\u0648\u0631\u062a \u062f\u0633\u062a\u06cc \u0628\u0631\u0627\u06cc \u0631\u0633\u06cc\u062f\u06af\u06cc \u0628\u0647 \u062e\u0637\u0627\u0647\u0627<\/p>\n

fetch() \u0645\u062b\u0627\u0644 (\u0628\u0631\u0631\u0633\u06cc \u062e\u0637\u0627):<\/p>\n

fetch(‘https:\/\/jsonplaceholder.typicode.com\/invalid-endpoint’)
\n .then(response => {
\n if (!response.ok) {
\n throw new Error(‘Server Error’);
\n }
\n return response.json();
\n })
\n .catch(error => console.error(‘Error:’, error));<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

3. \u0633\u0627\u0632\u06af\u0627\u0631\u06cc \u0628\u0647 \u0639\u0642\u0628<\/p>\n

\u06cc\u06a9\u06cc \u0627\u0632 \u0645\u0632\u0627\u06cc\u0627\u06cc \u0645\u0647\u0645 Axios \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0622\u0646 \u0627\u0632 \u0645\u0631\u0648\u0631\u06af\u0631\u0647\u0627\u06cc \u0642\u062f\u06cc\u0645\u06cc \u0627\u0633\u062a. Axios \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u062f XMLHttpRequest \u0632\u06cc\u0631 \u06a9\u0627\u067e\u0648\u062a\u060c \u0628\u0647 \u0622\u0646 \u0627\u062c\u0627\u0632\u0647 \u0645\u06cc \u062f\u0647\u062f \u062d\u062a\u06cc \u062f\u0631 \u0645\u062d\u06cc\u0637 \u0647\u0627\u06cc\u06cc \u0645\u0627\u0646\u0646\u062f \u0627\u06cc\u0646\u062a\u0631\u0646\u062a \u0627\u06a9\u0633\u067e\u0644\u0648\u0631\u0631 11 \u0646\u06cc\u0632 \u06a9\u0627\u0631 \u06a9\u0646\u062f. \u0627\u06cc\u0646 \u0628\u0627\u0639\u062b \u0645\u06cc \u0634\u0648\u062f \u06a9\u0647 \u0622\u0646 \u0631\u0627 \u0628\u0631\u0627\u06cc \u067e\u0631\u0648\u0698\u0647 \u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0628\u0647 \u0633\u0627\u0632\u06af\u0627\u0631\u06cc \u06af\u0633\u062a\u0631\u062f\u0647 \u0645\u0631\u0648\u0631\u06af\u0631 \u0628\u062f\u0648\u0646 \u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc \u0627\u0636\u0627\u0641\u06cc \u0646\u06cc\u0627\u0632 \u062f\u0627\u0631\u0646\u062f\u060c \u06af\u0632\u06cc\u0646\u0647 \u0627\u06cc \u0639\u0627\u0644\u06cc \u062a\u0628\u062f\u06cc\u0644 \u06a9\u0646\u062f.<\/p>\n

\u0627\u0632 \u0633\u0648\u06cc \u062f\u06cc\u06af\u0631\u060c fetch() \u06cc\u06a9 API \u0645\u062f\u0631\u0646 \u0627\u0633\u062a \u06a9\u0647 \u0641\u0642\u0637 \u062f\u0631 \u0645\u0631\u0648\u0631\u06af\u0631\u0647\u0627\u06cc \u062c\u062f\u06cc\u062f\u062a\u0631 \u06a9\u0627\u0631 \u0645\u06cc\u200c\u06a9\u0646\u062f – \u0628\u0647 \u0648\u06cc\u0698\u0647 Chrome 42+\u060c Firefox 39+\u060c Edge 14+ \u0648 Safari 10.3+. \u0627\u06af\u0631 \u0633\u0627\u0632\u06af\u0627\u0631\u06cc \u0628\u0647 \u0639\u0642\u0628 \u0636\u0631\u0648\u0631\u06cc \u0627\u0633\u062a \u0648 \u0647\u0645\u0686\u0646\u0627\u0646 \u062a\u0631\u062c\u06cc\u062d \u0645\u06cc \u062f\u0647\u06cc\u062f \u0627\u0632 \u0622\u0646 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f fetch()\u060c \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0632 \u067e\u0644\u06cc \u0641\u06cc\u0644 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f:<\/p>\n

\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 fetch() Polyfill:<\/p>\n

npm install whatwg-fetch –save<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

\u0645\u062b\u0627\u0644 \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc \u0628\u0627 Polyfill:<\/p>\n

import ‘whatwg-fetch’;
\nfetch(‘https:\/\/jsonplaceholder.typicode.com\/posts’)
\n .then(response => response.json())
\n .then(data => console.log(data));<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

\u062f\u0631 \u0627\u06cc\u0646 \u0633\u0646\u0627\u0631\u06cc\u0648\u060c whatwg-fetch \u0627\u062c\u0627\u0632\u0647 \u0645\u06cc \u062f\u0647\u062f fetch() \u0628\u0631\u0627\u06cc \u06a9\u0627\u0631 \u062f\u0631 \u0645\u0631\u0648\u0631\u06af\u0631\u0647\u0627\u06cc \u0642\u062f\u06cc\u0645\u06cc \u0628\u0627 \u0634\u0628\u06cc\u0647 \u0633\u0627\u0632\u06cc API \u0628\u0648\u0645\u06cc. \u0628\u0627 \u0627\u06cc\u0646 \u062d\u0627\u0644\u060c \u0627\u0641\u0632\u0648\u062f\u0646 \u067e\u0644\u06cc\u200c\u0641\u06cc\u0644\u060c \u0627\u0646\u062f\u0627\u0632\u0647 \u06a9\u0644\u06cc \u0628\u0627\u0646\u062f\u0644 \u0631\u0627 \u0627\u0641\u0632\u0627\u06cc\u0634 \u0645\u06cc\u200c\u062f\u0647\u062f\u060c \u06a9\u0647 \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u0628\u0631\u0627\u06cc \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0647\u0627\u06cc \u062d\u0633\u0627\u0633 \u0628\u0647 \u0639\u0645\u0644\u06a9\u0631\u062f \u06cc\u06a9 \u0646\u0642\u0637\u0647 \u0636\u0639\u0641 \u0628\u0627\u0634\u062f.<\/p>\n

Axios \u062f\u0631 \u0645\u0642\u0627\u0628\u0644 \u0648\u0627\u06a9\u0634\u06cc \u0628\u0647 \u0637\u0648\u0631 \u0642\u0627\u0628\u0644 \u062a\u0648\u062c\u0647\u06cc \u062f\u0631 \u0646\u062d\u0648\u060c \u0645\u062f\u06cc\u0631\u06cc\u062a \u062f\u0627\u062f\u0647 \u0647\u0627 \u0648 \u0633\u0627\u0632\u06af\u0627\u0631\u06cc \u0645\u062a\u0641\u0627\u0648\u062a \u0647\u0633\u062a\u0646\u062f. Axios \u06a9\u0627\u0631\u0647\u0627\u06cc \u0631\u0627\u06cc\u062c \u0645\u0627\u0646\u0646\u062f \u062a\u062c\u0632\u06cc\u0647 JSON \u0648 \u0645\u062f\u06cc\u0631\u06cc\u062a \u062e\u0637\u0627 \u0631\u0627 \u0633\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u062f \u0648 \u0622\u0646 \u0631\u0627 \u0628\u0631\u0627\u06cc \u062a\u0648\u0633\u0639\u0647 \u0633\u0631\u06cc\u0639 \u062c\u0630\u0627\u0628 \u0645\u06cc \u06a9\u0646\u062f. \u0628\u0627 \u0627\u06cc\u0646 \u062d\u0627\u0644\u060c fetch()\u062f\u0631 \u062f\u0633\u062a\u0631\u0633 \u0628\u0648\u062f\u0646 \u0628\u0648\u0645\u06cc \u062f\u0631 \u0645\u0631\u0648\u0631\u06af\u0631\u0647\u0627 \u0622\u0646 \u0631\u0627 \u0628\u0647 \u06af\u0632\u06cc\u0646\u0647 \u0627\u06cc \u0642\u0648\u06cc \u0648 \u0633\u0628\u06a9 \u062a\u0628\u062f\u06cc\u0644 \u0645\u06cc \u06a9\u0646\u062f\u060c \u0627\u06af\u0631 \u0628\u0627 JSON \u0628\u0647 \u0635\u0648\u0631\u062a \u062f\u0633\u062a\u06cc \u0631\u0627\u062d\u062a \u0647\u0633\u062a\u06cc\u062f \u0648 \u0646\u06cc\u0627\u0632\u06cc \u0628\u0647 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0627\u0632 \u0645\u0631\u0648\u0631\u06af\u0631\u0647\u0627\u06cc \u0642\u062f\u06cc\u0645\u06cc \u0646\u062f\u0627\u0631\u06cc\u062f.<\/p>\n

\u0633\u0647\u0648\u0644\u062a \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0648 \u062a\u062c\u0631\u0628\u0647 \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u0647<\/p>\n

\u0648\u0642\u062a\u06cc \u0635\u062d\u0628\u062a \u0627\u0632 \u062a\u062c\u0631\u0628\u0647 \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u0647 \u0645\u06cc \u0634\u0648\u062f\u060c \u0628\u062d\u062b \u0628\u06cc\u0646 Axios \u062f\u0631 \u0645\u0642\u0627\u0628\u0644 \u0648\u0627\u06a9\u0634\u06cc \u0627\u063a\u0644\u0628 \u062d\u0648\u0644 \u0645\u062d\u0648\u0631 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0622\u0646\u0647\u0627 \u0628\u0631\u0627\u06cc \u0633\u0646\u0627\u0631\u06cc\u0648\u0647\u0627\u06cc \u0631\u0627\u06cc\u062c \u0648 \u067e\u06cc\u0686\u06cc\u062f\u0647 \u0645\u06cc \u0686\u0631\u062e\u062f. \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u062e\u0644\u0627\u0635\u0647 \u0627\u06cc \u0627\u0632 \u0646\u062d\u0648\u0647 \u0639\u0645\u0644\u06a9\u0631\u062f \u0647\u0631 \u062f\u0648 \u0627\u0632 \u0646\u0638\u0631 \u0633\u0627\u062f\u06af\u06cc \u0648 \u0627\u0646\u0639\u0637\u0627\u0641 \u067e\u0630\u06cc\u0631\u06cc \u0622\u0648\u0631\u062f\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a.<\/p>\n

1. \u0633\u0627\u062f\u06af\u06cc Axios \u0628\u0631\u0627\u06cc \u0645\u0648\u0627\u0631\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u0639\u0645\u0648\u0644<\/p>\n

Axios \u0637\u0648\u0631\u06cc \u0637\u0631\u0627\u062d\u06cc \u0634\u062f\u0647 \u0627\u0633\u062a \u06a9\u0647 \u062f\u0631\u062e\u0648\u0627\u0633\u062a\u200c\u0647\u0627\u06cc HTTP \u0631\u0627 \u0633\u0627\u062f\u0647\u200c\u062a\u0631 \u0648 \u0634\u0647\u0648\u062f\u06cc\u200c\u062a\u0631 \u06a9\u0646\u062f. \u0627\u06cc\u0646 \u06cc\u06a9 API \u0645\u062e\u062a\u0635\u0631 \u0648 \u0645\u0646\u0627\u0633\u0628 \u0628\u0631\u0627\u06cc \u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u0647 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f \u06a9\u0647 \u062a\u0646\u0638\u06cc\u0645 \u0622\u0646 \u0622\u0633\u0627\u0646 \u0627\u0633\u062a\u060c \u0628\u0647 \u062e\u0635\u0648\u0635 \u0628\u0631\u0627\u06cc \u0645\u0648\u0627\u0631\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f \u0645\u0627\u0646\u0646\u062f \u062f\u0631\u062e\u0648\u0627\u0633\u062a\u200c\u0647\u0627\u06cc GET \u0648 POST:<\/p>\n

\u0646\u0645\u0648\u0646\u0647 \u0627\u06cc \u0627\u0632 \u06cc\u06a9 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0633\u0627\u062f\u0647 GET \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 Axios:<\/p>\n

axios.get(‘https:\/\/jsonplaceholder.typicode.com\/posts’)
\n .then(response => console.log(response.data))
\n .catch(error => console.error(‘Error:’, error));<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

\u062a\u0646\u0647\u0627 \u062f\u0631 \u0686\u0646\u062f \u062e\u0637\u060c Axios \u06a9\u0644 \u0686\u0631\u062e\u0647 \u062f\u0631\u062e\u0648\u0627\u0633\u062a-\u067e\u0627\u0633\u062e\u060c \u0627\u0632 \u062c\u0645\u0644\u0647 \u062a\u062c\u0632\u06cc\u0647 JSON \u0648 \u0645\u062f\u06cc\u0631\u06cc\u062a \u062e\u0637\u0627 \u0631\u0627 \u0645\u062f\u06cc\u0631\u06cc\u062a \u0645\u06cc \u06a9\u0646\u062f. \u0628\u0647 \u0637\u0648\u0631 \u062e\u0648\u062f\u06a9\u0627\u0631 \u067e\u0627\u0633\u062e \u0631\u0627 \u0628\u0647 \u06cc\u06a9 \u0634\u06cc \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u062a\u0628\u062f\u06cc\u0644 \u0645\u06cc \u06a9\u0646\u062f \u0648 \u062a\u0639\u0627\u0645\u0644 \u0628\u0627 \u062f\u0627\u062f\u0647 \u0647\u0627 \u0631\u0627 \u0622\u0633\u0627\u0646 \u0645\u06cc \u06a9\u0646\u062f.<\/p>\n

2. \u067e\u0631\u062d\u0631\u0641\u06cc fetch() \u0628\u0631\u0627\u06cc Edge Cases<\/p>\n

\u062f\u0631 \u062d\u0627\u0644\u06cc \u06a9\u0647 fetch() \u0628\u0631\u0627\u06cc \u062f\u0631\u062e\u0648\u0627\u0633\u062a\u200c\u0647\u0627\u06cc \u0627\u0633\u0627\u0633\u06cc \u0633\u0627\u062f\u0647 \u0627\u0633\u062a\u060c \u0647\u0646\u06af\u0627\u0645 \u0631\u0633\u06cc\u062f\u06af\u06cc \u0628\u0647 \u0633\u0646\u0627\u0631\u06cc\u0648\u0647\u0627\u06cc \u067e\u06cc\u0686\u06cc\u062f\u0647\u060c \u0645\u0627\u0646\u0646\u062f \u062a\u0646\u0638\u06cc\u0645 \u0632\u0645\u0627\u0646\u200c\u0628\u0646\u062f\u06cc \u06cc\u0627 \u0645\u062f\u06cc\u0631\u06cc\u062a \u062e\u0637\u0627\u0647\u0627\u060c \u067e\u0631\u0645\u062e\u0627\u0637\u0628\u200c\u062a\u0631 \u0645\u06cc\u200c\u0634\u0648\u062f:<\/p>\n

\u0646\u0645\u0648\u0646\u0647 \u0627\u06cc \u0627\u0632 \u0645\u062f\u06cc\u0631\u06cc\u062a \u06cc\u06a9 \u0645\u0647\u0644\u062a \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 fetch():<\/p>\n

const controller = new AbortController();
\nconst timeoutId = setTimeout(() => controller.abort(), 5000);<\/p>\n

fetch(‘https:\/\/jsonplaceholder.typicode.com\/posts’, {
\n signal: controller.signal
\n})
\n .then(response => response.json())
\n .then(data => console.log(data))
\n .catch(error => {
\n if (error.name === ‘AbortError’) {
\n console.error(‘Request timed out’);
\n } else {
\n console.error(‘Error:’, error);
\n }
\n });<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

\u062f\u0631 \u0627\u06cc\u0646 \u0645\u062b\u0627\u0644\u060c \u0645\u062f\u06cc\u0631\u06cc\u062a \u06cc\u06a9 \u0628\u0627\u0632\u0647 \u0632\u0645\u0627\u0646\u06cc \u0646\u06cc\u0627\u0632 \u0628\u0647 \u06a9\u062f \u0627\u0636\u0627\u0641\u06cc \u0628\u0631\u0627\u06cc \u0631\u0627\u0647\u200c\u0627\u0646\u062f\u0627\u0632\u06cc \u0622\u0646 \u062f\u0627\u0631\u062f AbortController. \u062f\u0631 \u062d\u0627\u0644\u06cc \u06a9\u0647 \u0627\u06cc\u0646 \u0628\u0627\u0639\u062b \u0645\u06cc \u0634\u0648\u062f fetch() \u0627\u0646\u0639\u0637\u0627\u0641 \u067e\u0630\u06cc\u0631 \u0627\u0633\u062a\u060c \u0628\u0647 \u06a9\u062f \u062f\u06cc\u06af \u0628\u062e\u0627\u0631 \u0628\u06cc\u0634\u062a\u0631\u06cc \u062f\u0631 \u0645\u0642\u0627\u06cc\u0633\u0647 \u0628\u0627 \u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc \u062f\u0627\u062e\u0644\u06cc Axios \u0646\u06cc\u0627\u0632 \u062f\u0627\u0631\u062f.<\/p>\n

3. \u0646\u062d\u0648 \u0645\u062e\u062a\u0635\u0631 Axios \u062f\u0631 \u0645\u0642\u0627\u0628\u0644 \u0627\u0646\u0639\u0637\u0627\u0641 \u067e\u0630\u06cc\u0631\u06cc fetch()<\/p>\n

\u0646\u062d\u0648 \u0645\u062e\u062a\u0635\u0631 Axios:\u0633\u06cc\u0646\u062a\u06a9\u0633 Axios \u0628\u0631\u0627\u06cc \u06a9\u0627\u0647\u0634 \u062d\u062c\u0645 \u062f\u06cc\u06af \u0637\u0631\u0627\u062d\u06cc \u0634\u062f\u0647 \u0627\u0633\u062a \u0648 \u0631\u0633\u06cc\u062f\u06af\u06cc \u0628\u0647 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0647\u0627 \u0628\u0627 \u062e\u0637\u0648\u0637 \u06a9\u062f \u06a9\u0645\u062a\u0631 \u0631\u0627 \u0622\u0633\u0627\u0646 \u062a\u0631 \u0645\u06cc \u06a9\u0646\u062f. \u0627\u06cc\u0646 \u0628\u0647 \u0637\u0648\u0631 \u062e\u0648\u062f\u06a9\u0627\u0631 JSON \u0631\u0627 \u062a\u063a\u06cc\u06cc\u0631 \u0645\u06cc \u062f\u0647\u062f\u060c \u0645\u062f\u06cc\u0631\u06cc\u062a \u062e\u0637\u0627 \u0631\u0627 \u0633\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u062f \u0648 \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627\u06cc \u062f\u0627\u062e\u0644\u06cc \u0645\u0627\u0646\u0646\u062f \u0644\u063a\u0648 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0648 \u0631\u0647\u06af\u06cc\u0631\u0647\u0627 \u0631\u0627 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc \u062f\u0647\u062f \u06a9\u0647 \u062a\u0648\u0633\u0639\u0647 \u0631\u0627 \u0633\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u062f. \u0627\u06cc\u0646 \u0622\u0646 \u0631\u0627 \u0628\u0631\u0627\u06cc \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc\u06cc \u0627\u06cc\u062f\u0647\u200c\u0622\u0644 \u0645\u06cc\u200c\u06a9\u0646\u062f \u06a9\u0647 \u062f\u0631 \u0622\u0646 \u062a\u0639\u0627\u0645\u0644\u0627\u062a \u0633\u0631\u06cc\u0639 \u0648 \u06a9\u0627\u0631\u0622\u0645\u062f HTTP \u0628\u0633\u06cc\u0627\u0631 \u0645\u0647\u0645 \u0627\u0633\u062a.
\n\u0627\u0646\u0639\u0637\u0627\u0641 \u067e\u0630\u06cc\u0631\u06cc fetch().:\u0627\u0632 \u0633\u0648\u06cc \u062f\u06cc\u06af\u0631\u060c fetch() \u06cc\u06a9 \u0631\u0648\u06cc\u06a9\u0631\u062f \u0645\u0646\u0639\u0637\u0641 \u062a\u0631 \u0648 \u0645\u062f\u0648\u0644\u0627\u0631 \u0631\u0627 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc \u062f\u0647\u062f. \u0647\u06cc\u0686 \u0631\u0641\u062a\u0627\u0631 \u067e\u06cc\u0634\u200c\u0641\u0631\u0636\u06cc \u0627\u0639\u0645\u0627\u0644 \u0646\u0645\u06cc\u200c\u06a9\u0646\u062f \u0648 \u0628\u0647 \u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u06a9\u0646\u062a\u0631\u0644 \u06a9\u0627\u0645\u0644 \u0628\u0631 \u0686\u0631\u062e\u0647 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0648 \u067e\u0627\u0633\u062e \u0645\u06cc\u200c\u062f\u0647\u062f. \u062f\u0631 \u062d\u0627\u0644\u06cc \u06a9\u0647 \u0627\u06cc\u0646 \u0646\u06cc\u0627\u0632 \u0628\u0647 \u06a9\u0627\u0631 \u062f\u0633\u062a\u06cc \u0628\u06cc\u0634\u062a\u0631\u06cc \u062f\u0627\u0631\u062f\u060c \u0647\u0645\u0686\u0646\u06cc\u0646 \u0627\u0646\u0639\u0637\u0627\u0641 \u067e\u0630\u06cc\u0631\u06cc \u0628\u0631\u0627\u06cc \u067e\u06cc\u0627\u062f\u0647 \u0633\u0627\u0632\u06cc \u0631\u0627\u0647 \u062d\u0644 \u0647\u0627\u06cc \u0633\u0641\u0627\u0631\u0634\u06cc \u0645\u062a\u0646\u0627\u0633\u0628 \u0628\u0627 \u0646\u06cc\u0627\u0632\u0647\u0627\u06cc \u062e\u0627\u0635 \u0631\u0627 \u0641\u0631\u0627\u0647\u0645 \u0645\u06cc \u06a9\u0646\u062f.<\/p>\n

\u0645\u0644\u0627\u062d\u0638\u0627\u062a \u0639\u0645\u0644\u06a9\u0631\u062f<\/p>\n

\u0627\u0646\u062a\u062e\u0627\u0628 \u0628\u06cc\u0646 Axios \u062f\u0631 \u0645\u0642\u0627\u0628\u0644 \u0648\u0627\u06a9\u0634\u06cc \u0627\u063a\u0644\u0628 \u0628\u0647 \u0646\u06cc\u0627\u0632\u0647\u0627\u06cc \u0639\u0645\u0644\u06a9\u0631\u062f \u0648 \u0627\u0644\u0632\u0627\u0645\u0627\u062a \u062e\u0627\u0635 \u067e\u0631\u0648\u0698\u0647 \u0634\u0645\u0627 \u0628\u0633\u062a\u06af\u06cc \u062f\u0627\u0631\u062f.<\/p>\n

1. \u0645\u0646\u0627\u0633\u0628 \u0628\u0648\u062f\u0646 \u0628\u0631 \u0627\u0633\u0627\u0633 \u0627\u0644\u0632\u0627\u0645\u0627\u062a \u0639\u0645\u0644\u06a9\u0631\u062f<\/p>\n

\u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0647\u0627\u06cc \u0633\u0627\u062f\u0647:\u0628\u0631\u0627\u06cc \u0648\u0627\u06a9\u0634\u06cc \u062f\u0627\u062f\u0647 \u0647\u0627\u06cc \u0627\u0648\u0644\u06cc\u0647\u060c fetch() \u0628\u0647 \u0637\u0648\u0631 \u0645\u0639\u0645\u0648\u0644 \u0645\u0646\u0627\u0633\u0628 \u062a\u0631 \u0627\u0633\u062a. \u0627\u06cc\u0646 \u06cc\u06a9 \u06af\u0632\u06cc\u0646\u0647 \u0633\u0628\u06a9 \u0648\u0632\u0646 \u0648 \u062f\u0627\u062e\u0644\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0627\u0646\u062f\u0627\u0632\u0647 \u0628\u0633\u062a\u0647 \u0631\u0627 \u06a9\u0627\u0647\u0634 \u0645\u06cc \u062f\u0647\u062f \u0632\u06cc\u0631\u0627 \u0628\u0647 \u0648\u0627\u0628\u0633\u062a\u06af\u06cc \u0647\u0627\u06cc \u062e\u0627\u0631\u062c\u06cc \u0645\u062a\u06a9\u06cc \u0646\u06cc\u0633\u062a.
\n\u062a\u0639\u0627\u0645\u0644\u0627\u062a \u067e\u06cc\u0686\u06cc\u062f\u0647:Axios \u062f\u0631 \u0633\u0646\u0627\u0631\u06cc\u0648\u0647\u0627\u06cc \u067e\u06cc\u0686\u06cc\u062f\u0647 \u06a9\u0647 \u062f\u0631 \u0622\u0646 \u0628\u0647 \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627\u06cc\u06cc \u0645\u0627\u0646\u0646\u062f \u0631\u0647\u06af\u06cc\u0631\u0647\u0627\u060c \u0647\u062f\u0631\u0647\u0627\u06cc \u0633\u0641\u0627\u0631\u0634\u06cc \u0648 \u0645\u062f\u06cc\u0631\u06cc\u062a \u062e\u0637\u0627 \u0646\u06cc\u0627\u0632 \u062f\u0627\u0631\u06cc\u062f \u0628\u0631\u062a\u0631\u06cc \u0645\u06cc \u06cc\u0627\u0628\u062f. \u0627\u06cc\u0646 \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u062f\u0627\u062e\u0644\u06cc \u0645\u06cc \u062a\u0648\u0627\u0646\u0646\u062f \u062f\u0631 \u0632\u0645\u0627\u0646 \u062a\u0648\u0633\u0639\u0647 \u0628\u0631\u0646\u0627\u0645\u0647 \u0647\u0627\u06cc \u0628\u0632\u0631\u06af\u062a\u0631 \u0635\u0631\u0641\u0647 \u062c\u0648\u06cc\u06cc \u06a9\u0646\u0646\u062f \u0648 Axios \u0631\u0627 \u0628\u0647 \u0627\u0646\u062a\u062e\u0627\u0628 \u0628\u0647\u062a\u0631\u06cc \u0628\u0631\u0627\u06cc \u067e\u0631\u0648\u0698\u0647 \u0647\u0627\u06cc \u0633\u0637\u062d \u0633\u0627\u0632\u0645\u0627\u0646\u06cc \u062a\u0628\u062f\u06cc\u0644 \u06a9\u0646\u0646\u062f.<\/p>\n

2. \u062a\u0623\u062e\u06cc\u0631 \u0634\u0628\u06a9\u0647 \u0648 \u0645\u062f\u06cc\u0631\u06cc\u062a \u067e\u0627\u0633\u062e<\/p>\n

\u062a\u0623\u062e\u06cc\u0631 \u0634\u0628\u06a9\u0647:\u062a\u0641\u0627\u0648\u062a \u0642\u0627\u0628\u0644 \u062a\u0648\u062c\u0647\u06cc \u062f\u0631 \u0633\u0631\u0639\u062a \u062e\u0627\u0645 \u0628\u06cc\u0646 Axios \u0648 fetch()\u060c \u0632\u06cc\u0631\u0627 \u0647\u0631 \u062f\u0648 \u0628\u0631 \u0641\u0646\u0627\u0648\u0631\u06cc \u0647\u0627\u06cc \u0627\u0633\u0627\u0633\u06cc \u0645\u0634\u0627\u0628\u0647 \u0645\u062a\u06a9\u06cc \u0647\u0633\u062a\u0646\u062f. Axios \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u0628\u0647 \u062f\u0644\u06cc\u0644 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc\u0634 \u0647\u0632\u06cc\u0646\u0647 \u06a9\u0645\u06cc \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u062f\u060c \u0627\u0645\u0627 \u0627\u06cc\u0646 \u0627\u063a\u0644\u0628 \u0628\u0631\u0627\u06cc \u0628\u06cc\u0634\u062a\u0631 \u0645\u0648\u0627\u0631\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0646\u0627\u0686\u06cc\u0632 \u0627\u0633\u062a.
\n\u0645\u062f\u06cc\u0631\u06cc\u062a \u067e\u0627\u0633\u062e:Axios \u0645\u062f\u06cc\u0631\u06cc\u062a JSON \u0631\u0627 \u0633\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u062f \u0648 \u067e\u0627\u0633\u062e \u0647\u0627 \u0631\u0627 \u0628\u0647 \u0637\u0648\u0631 \u062e\u0648\u062f\u06a9\u0627\u0631 \u062a\u062c\u0632\u06cc\u0647 \u0645\u06cc \u06a9\u0646\u062f fetch() \u0646\u06cc\u0627\u0632 \u0628\u0647 \u062a\u062c\u0632\u06cc\u0647 \u062f\u0633\u062a\u06cc \u0628\u0627 response.json(). \u0627\u06cc\u0646 \u0627\u0645\u0631 Axios \u0631\u0627 \u0627\u0632 \u0646\u0638\u0631 \u0632\u0645\u0627\u0646 \u062a\u0648\u0633\u0639\u0647 \u0628\u0631\u0627\u06cc \u0628\u0631\u0646\u0627\u0645\u0647 \u0647\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc JSON \u06a9\u0645\u06cc \u0633\u0631\u06cc\u0639\u062a\u0631 \u0645\u06cc \u06a9\u0646\u062f.<\/p>\n

3. \u0633\u0646\u0627\u0631\u06cc\u0648\u0647\u0627\u06cc \u0627\u0646\u062a\u062e\u0627\u0628 Axios \u062f\u0631 \u0645\u0642\u0627\u0628\u0644 fetch()<\/p>\n

\u0648\u0642\u062a\u06cc Axios Overkill \u0627\u0633\u062a:\u0627\u06af\u0631 \u067e\u0631\u0648\u0698\u0647 \u0634\u0645\u0627 \u0634\u0627\u0645\u0644 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0647\u0627\u06cc \u0633\u0627\u062f\u0647 \u0648 \u062d\u062f\u0627\u0642\u0644 \u0645\u062f\u06cc\u0631\u06cc\u062a \u062f\u0627\u062f\u0647 \u0627\u0633\u062a\u060c fetch()\u0631\u0648\u06cc\u06a9\u0631\u062f \u0628\u0648\u0645\u06cc \u0648 \u0628\u062f\u0648\u0646 \u062d\u0627\u0634\u06cc\u0647 \u0627\u06cc\u062f\u0647 \u0622\u0644 \u0627\u0633\u062a. \u0627\u0632 \u0648\u0632\u0646 \u0627\u0636\u0627\u0641\u06cc Axios \u0628\u0631\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631\u062f\u0647\u0627\u06cc \u0633\u0628\u06a9 \u062e\u0648\u062f\u062f\u0627\u0631\u06cc \u06a9\u0646\u06cc\u062f.
\n\u0648\u0642\u062a\u06cc fetch() \u0628\u0647 \u06a9\u0645\u06a9 \u0646\u06cc\u0627\u0632 \u062f\u0627\u0631\u062f:\u0628\u0631\u0627\u06cc \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0646\u06cc\u0627\u0632 \u0628\u0647 \u0645\u062f\u06cc\u0631\u06cc\u062a \u0645\u062a\u0645\u0631\u06a9\u0632 \u062e\u0637\u0627\u060c \u062a\u0644\u0627\u0634\u200c\u0647\u0627\u06cc \u0645\u062c\u062f\u062f \u06cc\u0627 \u0647\u062f\u0631\u0647\u0627\u06cc \u067e\u06cc\u0686\u06cc\u062f\u0647 \u062f\u0627\u0631\u0646\u062f\u060c fetch() \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u062f\u0633\u062a \u0648 \u067e\u0627 \u06af\u06cc\u0631 \u0634\u0648\u062f. \u062f\u0631 \u0627\u06cc\u0646 \u0645\u0648\u0627\u0631\u062f\u060c Axios \u0631\u0627\u0647 \u062d\u0644 \u0633\u0627\u062f\u0647 \u062a\u0631\u06cc \u0631\u0627 \u0628\u062f\u0648\u0646 \u0646\u06cc\u0627\u0632 \u0628\u0647 \u06a9\u062f \u0633\u0641\u0627\u0631\u0634\u06cc \u06af\u0633\u062a\u0631\u062f\u0647 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc \u062f\u0647\u062f.<\/p>\n

\u0628\u0627 \u062f\u0631\u06a9 \u0627\u06cc\u0646 \u062c\u0646\u0628\u0647 \u0647\u0627\u06cc \u0639\u0645\u0644\u06a9\u0631\u062f\u060c \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0628\u06cc\u0646 \u0622\u0646\u0647\u0627 \u062a\u0635\u0645\u06cc\u0645 \u0628\u06af\u06cc\u0631\u06cc\u062f Axios \u062f\u0631 \u0645\u0642\u0627\u0628\u0644 \u0648\u0627\u06a9\u0634\u06cc \u0628\u0631 \u0627\u0633\u0627\u0633 \u067e\u06cc\u0686\u06cc\u062f\u06af\u06cc \u0648 \u0645\u0642\u06cc\u0627\u0633 \u067e\u0631\u0648\u0698\u0647 \u0634\u0645\u0627.<\/p>\n

\u0645\u0642\u0627\u06cc\u0633\u0647 \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627\u06cc Axios \u062f\u0631 \u0645\u0642\u0627\u0628\u0644 Fetch<\/p>\n

\u0628\u0631\u0627\u06cc \u062f\u0631\u06a9 \u06a9\u0627\u0645\u0644 \u0645\u0632\u0627\u06cc\u0627 \u0648 \u0645\u0639\u0627\u06cc\u0628 Axios \u062f\u0631 \u0645\u0642\u0627\u0628\u0644 \u0648\u0627\u06a9\u0634\u06cc\u060c \u0628\u06cc\u0627\u06cc\u06cc\u062f \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627\u06cc \u06a9\u0644\u06cc\u062f\u06cc \u0622\u0646\u0647\u0627 \u0631\u0627 \u0628\u0627 \u0645\u062b\u0627\u0644 \u0647\u0627\u06cc \u0639\u0645\u0644\u06cc \u0628\u0631\u0631\u0633\u06cc \u06a9\u0646\u06cc\u0645:<\/p>\n

1. \u062a\u0628\u062f\u06cc\u0644 \u062e\u0648\u062f\u06a9\u0627\u0631 \u062f\u0627\u062f\u0647 \u0647\u0627<\/p>\n

Axios \u0628\u0647 \u0637\u0648\u0631 \u062e\u0648\u062f\u06a9\u0627\u0631 \u062a\u0628\u062f\u06cc\u0644 JSON \u0631\u0627 \u0645\u062f\u06cc\u0631\u06cc\u062a \u0645\u06cc \u06a9\u0646\u062f\u060c \u0628\u0627\u0631\u0647\u0627\u06cc \u062f\u0631\u062e\u0648\u0627\u0633\u062a\u06cc \u0648 \u067e\u0627\u0633\u062e \u0647\u0627 \u0631\u0627 \u0628\u062f\u0648\u0646 \u06a9\u062f \u0627\u0636\u0627\u0641\u06cc \u062a\u0628\u062f\u06cc\u0644 \u0645\u06cc \u06a9\u0646\u062f:<\/p>\n

\u0645\u062b\u0627\u0644 Axios (\u062f\u0633\u062a\u0631\u0633\u06cc \u062e\u0648\u062f\u06a9\u0627\u0631 JSON):<\/p>\n

axios.post(‘https:\/\/jsonplaceholder.typicode.com\/posts’, {
\n title: ‘Axios Post’,
\n content: ‘Axios makes it simple!’
\n})
\n.then(response => console.log(response.data))
\n.catch(error => console.error(‘Error:’, error));<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

\u062f\u0631 Axios\u060c JSON \u0628\u0647 \u0637\u0648\u0631 \u062e\u0648\u062f\u06a9\u0627\u0631 \u0647\u0645 \u062f\u0631 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0648 \u0647\u0645 \u062f\u0631 \u067e\u0627\u0633\u062e \u062a\u062c\u0632\u06cc\u0647 \u0645\u06cc \u0634\u0648\u062f \u0648 \u0641\u0631\u0622\u06cc\u0646\u062f \u0631\u0627 \u0633\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u062f.<\/p>\n

fetch() \u0645\u062b\u0627\u0644 (\u062a\u062c\u0632\u06cc\u0647 \u062f\u0633\u062a\u06cc JSON):<\/p>\n

fetch(‘https:\/\/jsonplaceholder.typicode.com\/posts’, {
\n method: ‘POST’,
\n headers: {
\n ‘Content-Type’: ‘application\/json’
\n },
\n body: JSON.stringify({
\n title: ‘fetch Post’,
\n content: ‘fetch requires manual handling.’
\n })
\n})
\n.then(response => response.json())
\n.then(data => console.log(data))
\n.catch(error => console.error(‘Error:’, error));<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

\u0628\u0627 fetch()\u060c \u0628\u0627\u06cc\u062f \u0628\u0647 \u0635\u0648\u0631\u062a \u062f\u0633\u062a\u06cc JSON.stringify() \u062f\u0627\u062f\u0647 \u0647\u0627 \u0642\u0628\u0644 \u0627\u0632 \u0627\u0631\u0633\u0627\u0644 \u0648 \u062a\u0645\u0627\u0633 response.json() \u0628\u0631\u0627\u06cc \u062a\u062c\u0632\u06cc\u0647 \u067e\u0627\u0633\u062e\u060c \u0627\u0636\u0627\u0641\u0647 \u06a9\u0631\u062f\u0646 \u06a9\u0645\u06cc \u067e\u06cc\u0686\u06cc\u062f\u06af\u06cc \u0628\u06cc\u0634\u062a\u0631.<\/p>\n

2. \u0645\u062f\u06cc\u0631\u06cc\u062a \u062a\u0627\u06cc\u0645 \u0627\u0648\u062a<\/p>\n

\u0631\u0633\u06cc\u062f\u06af\u06cc \u0628\u0647 \u0648\u0642\u0641\u0647 \u0647\u0627\u06cc \u0632\u0645\u0627\u0646\u06cc \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0686\u0627\u0644\u0634\u06cc \u0628\u0627 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0647\u0627\u06cc HTTP \u0628\u0627\u0634\u062f. Axios \u0622\u0646 \u0631\u0627 \u0628\u0627 \u06cc\u06a9 \u062f\u0627\u062e\u0644\u06cc \u0633\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u062f timeout \u062f\u0627\u0631\u0627\u06cc\u06cc:<\/p>\n

\u0645\u062b\u0627\u0644 Axios (\u062a\u0627\u06cc\u0645 \u0627\u0648\u062a \u062f\u0627\u062e\u0644\u06cc):<\/p>\n

axios.get(‘https:\/\/jsonplaceholder.typicode.com\/posts’, { timeout: 5000 })
\n .then(response => console.log(response.data))
\n .catch(error => console.error(‘Error:’, error)); \/\/ Automatically catches timeout errors<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

\u062f\u0631 Axios\u060c \u062a\u0646\u0638\u06cc\u0645 \u06cc\u06a9 \u0628\u0627\u0632\u0647 \u0632\u0645\u0627\u0646\u06cc \u0628\u0647 \u0633\u0627\u062f\u06af\u06cc \u0627\u0636\u0627\u0641\u0647 \u06a9\u0631\u062f\u0646 a \u0627\u0633\u062a timeout \u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc<\/p>\n

fetch() \u0645\u062b\u0627\u0644 (\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 AbortController \u0628\u0631\u0627\u06cc Timeout):<\/p>\n

const controller = new AbortController();
\nconst timeoutId = setTimeout(() => controller.abort(), 5000);<\/p>\n

fetch(‘https:\/\/jsonplaceholder.typicode.com\/posts’, {
\n signal: controller.signal
\n})
\n .then(response => response.json())
\n .then(data => console.log(data))
\n .catch(error => {
\n if (error.name === ‘AbortError’) {
\n console.error(‘Request timed out’);
\n } else {
\n console.error(‘Error:’, error);
\n }
\n });<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

\u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 fetch()\u060c \u0648\u0642\u0641\u0647 \u0647\u0627\u06cc \u0632\u0645\u0627\u0646\u06cc \u0646\u06cc\u0627\u0632 \u0628\u0647 \u0645\u0631\u0627\u062d\u0644 \u0627\u0636\u0627\u0641\u06cc \u0628\u0627 AbortController\u060c \u0622\u0646 \u0631\u0627 \u062f\u0631 \u0645\u0642\u0627\u06cc\u0633\u0647 \u0628\u0627 Axios \u0633\u0627\u062f\u0647 \u062a\u0631 \u0645\u06cc \u06a9\u0646\u062f.<\/p>\n

3. \u0631\u0633\u06cc\u062f\u06af\u06cc \u0628\u0647 \u062e\u0637\u0627<\/p>\n

\u0631\u0633\u06cc\u062f\u06af\u06cc \u0628\u0647 \u062e\u0637\u0627 \u06cc\u06a9\u06cc \u062f\u06cc\u06af\u0631 \u0627\u0632 \u0632\u0645\u06cc\u0646\u0647\u200c\u0647\u0627\u06cc\u06cc \u0627\u0633\u062a \u06a9\u0647 \u062f\u0631 \u0622\u0646 Axios \u0628\u0627 \u0637\u0628\u0642\u0647\u200c\u0628\u0646\u062f\u06cc \u062f\u0627\u062e\u0644\u06cc \u0645\u06cc\u200c\u062f\u0631\u062e\u0634\u062f:<\/p>\n

\u0645\u062b\u0627\u0644 Axios (\u062f\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u062e\u0637\u0627):<\/p>\n

axios.get(‘https:\/\/jsonplaceholder.typicode.com\/invalid-endpoint’)
\n .then(response => console.log(response.data))
\n .catch(error => {
\n if (error.response) {
\n console.error(‘Server Error:’, error.response.status);
\n } else if (error.request) {
\n console.error(‘Network Error:’, error.request);
\n } else {
\n console.error(‘Unknown Error:’, error.message);
\n }
\n });<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

Axios \u062e\u0637\u0627\u0647\u0627 \u0631\u0627 \u0628\u0647 \u062f\u0633\u062a\u0647 \u0628\u0646\u062f\u06cc \u0645\u06cc \u06a9\u0646\u062f response\u060c request\u060c \u0648 unknown\u060c \u0627\u0634\u06a9\u0627\u0644 \u0632\u062f\u0627\u06cc\u06cc \u0631\u0627 \u0622\u0633\u0627\u0646 \u062a\u0631 \u0645\u06cc \u06a9\u0646\u062f.<\/p>\n

fetch() \u0645\u062b\u0627\u0644 (\u0645\u062f\u06cc\u0631\u06cc\u062a \u062f\u0633\u062a\u06cc \u062e\u0637\u0627):<\/p>\n

fetch(‘https:\/\/jsonplaceholder.typicode.com\/invalid-endpoint’)
\n .then(response => {
\n if (!response.ok) {
\n throw new Error(`Server Error: ${response.status}`);
\n }
\n return response.json();
\n })
\n .catch(error => console.error(‘Error:’, error));<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

\u0628\u0627 fetch()\u060c \u062e\u0637\u0627\u0647\u0627\u06cc \u0633\u0631\u0648\u0631 \u0628\u0627\u06cc\u062f \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0622\u0646 \u0628\u0647 \u0635\u0648\u0631\u062a \u062f\u0633\u062a\u06cc \u0628\u0631\u0631\u0633\u06cc \u0634\u0648\u0646\u062f response.ok\u060c \u0632\u06cc\u0631\u0627 \u0628\u0647 \u0637\u0648\u0631 \u067e\u06cc\u0634 \u0641\u0631\u0636 \u0648\u0639\u062f\u0647 \u0647\u0627\u06cc \u06a9\u062f\u0647\u0627\u06cc \u0648\u0636\u0639\u06cc\u062a \u063a\u06cc\u0631 2xx \u0631\u0627 \u0631\u062f \u0646\u0645\u06cc \u06a9\u0646\u062f.<\/p>\n

4. \u0631\u0647\u06af\u06cc\u0631\u0647\u0627\u06cc HTTP<\/p>\n

\u0631\u0647\u06af\u06cc\u0631\u0647\u0627 \u0627\u0645\u06a9\u0627\u0646 \u0631\u0633\u06cc\u062f\u06af\u06cc \u062c\u0647\u0627\u0646\u06cc \u0628\u0647 \u062f\u0631\u062e\u0648\u0627\u0633\u062a\u200c\u0647\u0627 \u0648 \u067e\u0627\u0633\u062e\u200c\u0647\u0627 \u0631\u0627 \u0645\u06cc\u200c\u062f\u0647\u0646\u062f \u06a9\u0647 \u0628\u0647 \u0635\u0648\u0631\u062a \u0628\u0648\u0645\u06cc \u062a\u0648\u0633\u0637 Axios \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0645\u06cc\u200c\u0634\u0648\u062f:<\/p>\n

\u0645\u062b\u0627\u0644 Axios (\u0631\u0647\u06af\u06cc\u0631 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u062c\u0647\u0627\u0646\u06cc):<\/p>\n

axios.interceptors.request.use(config => {
\n config.headers[‘Authorization’] = ‘Bearer token’;
\n console.log(‘Request Interceptor: Adding Authorization Header’);
\n return config;
\n});<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

Axios \u0627\u0636\u0627\u0641\u0647 \u06a9\u0631\u062f\u0646 \u0647\u062f\u0631 \u06cc\u0627 \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u06af\u0632\u0627\u0631\u0634 \u0631\u0627 \u0642\u0628\u0644 \u0627\u0632 \u0627\u0631\u0633\u0627\u0644 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0622\u0633\u0627\u0646 \u0645\u06cc \u06a9\u0646\u062f.<\/p>\n

fetch() \u0645\u062b\u0627\u0644 (\u0627\u062c\u0631\u0627\u06cc \u0631\u0647\u06af\u06cc\u0631 \u0633\u0641\u0627\u0631\u0634\u06cc):<\/p>\n

const originalFetch = fetch;
\nwindow.fetch = async (…args) => {
\n console.log(‘Custom Interceptor: Adding Authorization Header’);
\n const [url, options] = args;
\n options.headers = {
\n …options.headers,
\n ‘Authorization’: ‘Bearer token’
\n };
\n return originalFetch(url, options);
\n};<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

fetch() \u0631\u0647\u06af\u06cc\u0631\u0647\u0627\u06cc \u0628\u0648\u0645\u06cc \u0646\u062f\u0627\u0631\u062f\u060c \u0627\u0645\u0627 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0628\u0627 \u0631\u0648\u0646\u0648\u06cc\u0633\u06cc \u0633\u0631\u0627\u0633\u0631\u06cc \u0631\u0641\u062a\u0627\u0631 \u0631\u0627 \u062a\u0642\u0644\u06cc\u062f \u06a9\u0646\u06cc\u062f fetch \u0631\u0648\u0634<\/p>\n

\u0645\u0648\u0627\u0631\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u067e\u06cc\u0634\u0631\u0641\u062a\u0647<\/p>\n

1. \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0647\u0627\u06cc \u0647\u0645\u0632\u0645\u0627\u0646<\/p>\n

\u0631\u0633\u06cc\u062f\u06af\u06cc \u0628\u0647 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0647\u0627\u06cc \u0645\u062a\u0639\u062f\u062f \u062f\u0631 \u062a\u0648\u0633\u0639\u0647 \u0648\u0628 \u0631\u0627\u06cc\u062c \u0627\u0633\u062a \u0648 \u0647\u0645 Axios \u0648 \u0647\u0645 fetch() \u0631\u0627\u0647 \u0647\u0627\u06cc \u062e\u0648\u062f \u0631\u0627 \u062f\u0627\u0631\u0646\u062f:<\/p>\n

\u0645\u062b\u0627\u0644 Axios (\u062f\u0631\u062e\u0648\u0627\u0633\u062a\u200c\u0647\u0627\u06cc \u0647\u0645\u0632\u0645\u0627\u0646 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 axios.all):<\/p>\n

axios.all([
\n axios.get(‘https:\/\/jsonplaceholder.typicode.com\/posts\/1’),
\n axios.get(‘https:\/\/jsonplaceholder.typicode.com\/posts\/2’)
\n])
\n.then(axios.spread((response1, response2) => {
\n console.log(‘Response 1:’, response1.data);
\n console.log(‘Response 2:’, response2.data);
\n}))
\n.catch(error => console.error(‘Error:’, error));<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

Axios \u0641\u0631\u0627\u0647\u0645 \u0645\u06cc \u06a9\u0646\u062f axios.all() \u0648 axios.spread() \u0628\u0631\u0627\u06cc \u0631\u0633\u06cc\u062f\u06af\u06cc \u0628\u0647 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0647\u0627\u06cc \u0647\u0645\u0632\u0645\u0627\u0646 \u0628\u0647 \u0637\u0648\u0631 \u062a\u0645\u06cc\u0632.<\/p>\n

fetch() \u0645\u062b\u0627\u0644 (\u062f\u0631\u062e\u0648\u0627\u0633\u062a\u200c\u0647\u0627\u06cc \u0647\u0645\u0632\u0645\u0627\u0646 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 Promise.all):<\/p>\n

Promise.all([
\n fetch(‘https:\/\/jsonplaceholder.typicode.com\/posts\/1’).then(res => res.json()),
\n fetch(‘https:\/\/jsonplaceholder.typicode.com\/posts\/2’).then(res => res.json())
\n])
\n.then(([data1, data2]) => {
\n console.log(‘Data 1:’, data1);
\n console.log(‘Data 2:’, data2);
\n})
\n.catch(error => console.error(‘Error:’, error));<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

\u0628\u0627 fetch()\u060c \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u06cc\u062f Promise.all() \u0628\u0631\u0627\u06cc \u0631\u0633\u06cc\u062f\u06af\u06cc \u0628\u0647 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0647\u0627\u06cc \u0645\u062a\u0639\u062f\u062f\u060c \u0646\u06cc\u0627\u0632 \u0628\u0647 \u062a\u062c\u0632\u06cc\u0647 \u062f\u0633\u062a\u06cc \u0628\u0631\u0627\u06cc \u0647\u0631 \u067e\u0627\u0633\u062e.<\/p>\n

2. \u0622\u067e\u0644\u0648\u062f \u0641\u0627\u06cc\u0644 \u0648 \u0634\u0627\u062e\u0635 \u0647\u0627\u06cc \u067e\u06cc\u0634\u0631\u0641\u062a<\/p>\n

\u0622\u067e\u0644\u0648\u062f \u0641\u0627\u06cc\u0644 \u0648 \u0646\u0645\u0627\u06cc\u0634 \u067e\u06cc\u0634\u0631\u0641\u062a \u062f\u0631 Axios \u0628\u0647 \u062f\u0644\u06cc\u0644 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u062f\u0627\u062e\u0644\u06cc \u0622\u0633\u0627\u0646 \u062a\u0631 \u0627\u0633\u062a:<\/p>\n

\u0645\u062b\u0627\u0644 Axios (\u0646\u0634\u0627\u0646\u06af\u0631 \u067e\u06cc\u0634\u0631\u0641\u062a \u0628\u0631\u0627\u06cc \u0622\u067e\u0644\u0648\u062f \u0641\u0627\u06cc\u0644):<\/p>\n

axios.post(‘\/upload’, formData, {
\n onUploadProgress: progressEvent => {
\n const percentCompleted = Math.round((progressEvent.loaded * 100) \/ progressEvent.total);
\n console.log(`Upload Progress: ${percentCompleted}%`);
\n }
\n});<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u06a9\u0633\u06cc\u0648\u0633 onUploadProgress \u067e\u0627\u0633\u062e \u0628\u0647 \u062a\u0645\u0627\u0633 \u0628\u0631\u0627\u06cc \u0646\u0634\u0627\u0646 \u062f\u0627\u062f\u0646 \u067e\u06cc\u0634\u0631\u0641\u062a \u0622\u067e\u0644\u0648\u062f \u062f\u0631 \u0632\u0645\u0627\u0646 \u0648\u0627\u0642\u0639\u06cc \u0639\u0627\u0644\u06cc \u0627\u0633\u062a.<\/p>\n

fetch() \u0645\u062b\u0627\u0644 (\u0622\u067e\u0644\u0648\u062f \u0641\u0627\u06cc\u0644 \u0648 \u067e\u06cc\u0634\u0631\u0641\u062a \u062f\u0627\u0646\u0644\u0648\u062f):<\/p>\n

const formData = new FormData();
\nformData.append(‘file’, file);<\/p>\n

fetch(‘\/upload’, {
\n method: ‘POST’,
\n body: formData
\n})
\n.then(response => response.json())
\n.then(data => console.log(‘File uploaded successfully’))
\n.catch(error => console.error(‘Error:’, error));<\/p>\n

\/\/ Download Progress
\nfetch(‘https:\/\/example.com\/large-file’)
\n .then(response => {
\n const reader = response.body.getReader();
\n let receivedLength = 0;
\n const contentLength = response.headers.get(‘Content-Length’);<\/p>\n

reader.read().then(function process({ done, value }) {
\n if (done) {
\n console.log(‘Download complete’);
\n return;
\n }
\n receivedLength += value.length;
\n console.log(`Received ${receivedLength} of ${contentLength}`);
\n return reader.read().then(process);
\n });
\n })
\n .catch(error => console.error(‘Error:’, error));<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

\u0628\u0627 fetch()\u060c \u067e\u06cc\u0627\u062f\u0647 \u0633\u0627\u0632\u06cc \u067e\u06cc\u0634\u0631\u0641\u062a \u0641\u0627\u06cc\u0644 \u0646\u06cc\u0627\u0632 \u0628\u0647 \u0645\u062f\u06cc\u0631\u06cc\u062a \u062f\u0627\u0631\u062f ReadableStream \u0628\u0647 \u0635\u0648\u0631\u062a \u062f\u0633\u062a\u06cc\u060c \u06a9\u0647 \u067e\u06cc\u0686\u06cc\u062f\u06af\u06cc \u0631\u0627 \u0627\u0636\u0627\u0641\u0647 \u0645\u06cc \u06a9\u0646\u062f.<\/p>\n

\u0633\u0646\u0627\u0631\u06cc\u0648\u0647\u0627\u06cc \u062f\u0646\u06cc\u0627\u06cc \u0648\u0627\u0642\u0639\u06cc: \u0632\u0645\u0627\u0646 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 Axios \u062f\u0631 \u0645\u0642\u0627\u0628\u0644 fetch()<\/p>\n

\u062a\u0635\u0645\u06cc\u0645 \u06af\u06cc\u0631\u06cc \u0628\u06cc\u0646 Axios \u062f\u0631 \u0645\u0642\u0627\u0628\u0644 \u0648\u0627\u06a9\u0634\u06cc \u062a\u0627 \u062d\u062f \u0632\u06cc\u0627\u062f\u06cc \u0628\u0647 \u0646\u06cc\u0627\u0632\u0647\u0627\u06cc \u062e\u0627\u0635 \u067e\u0631\u0648\u0698\u0647 \u0634\u0645\u0627 \u0628\u0633\u062a\u06af\u06cc \u062f\u0627\u0631\u062f. \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u0646\u06af\u0627\u0647\u06cc \u062f\u0627\u0631\u06cc\u0645 \u0628\u0647 \u0632\u0645\u0627\u0646\u06cc \u06a9\u0647 \u0647\u0631 \u0627\u0628\u0632\u0627\u0631 \u0645\u0648\u062b\u0631\u062a\u0631\u06cc\u0646 \u0627\u0633\u062a:<\/p>\n

1. \u0627\u0632 \u0645\u0648\u0627\u0631\u062f\u06cc \u06a9\u0647 \u0647\u0631 \u06a9\u062f\u0627\u0645 \u0645\u06cc \u062f\u0631\u062e\u0634\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f<\/p>\n

\u067e\u0631\u0648\u0698\u0647 \u0647\u0627\u06cc \u06a9\u0648\u0686\u06a9: \u0627\u06af\u0631 \u062f\u0631 \u062d\u0627\u0644 \u0633\u0627\u062e\u062a \u06cc\u06a9 \u067e\u0631\u0648\u0698\u0647 \u0633\u0627\u062f\u0647 \u0647\u0633\u062a\u06cc\u062f \u06a9\u0647 \u0628\u0647 \u0648\u0627\u06a9\u0634\u06cc \u0627\u0648\u0644\u06cc\u0647 \u062f\u0627\u062f\u0647 \u0646\u06cc\u0627\u0632 \u062f\u0627\u0631\u062f\u060c fetch() \u0627\u063a\u0644\u0628 \u0627\u0646\u062a\u062e\u0627\u0628 \u0628\u0647\u062a\u0631\u06cc \u0627\u0633\u062a \u0633\u0628\u06a9 \u0648\u0632\u0646 \u0627\u0633\u062a\u060c \u062f\u0631 \u0645\u0631\u0648\u0631\u06af\u0631 \u062a\u0639\u0628\u06cc\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a \u0648 \u0627\u0632 \u0627\u0641\u0632\u0648\u062f\u0646 \u0648\u0627\u0628\u0633\u062a\u06af\u06cc \u0647\u0627\u06cc \u062e\u0627\u0631\u062c\u06cc \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0645\u06cc \u06a9\u0646\u062f. \u0627\u06cc\u0646 \u0622\u0646 \u0631\u0627 \u0628\u0631\u0627\u06cc \u06a9\u0627\u0631\u0647\u0627\u06cc \u0633\u0627\u062f\u0647 \u0627\u06cc \u0645\u0627\u0646\u0646\u062f \u0648\u0627\u06a9\u0634\u06cc \u062f\u0627\u062f\u0647 \u0647\u0627\u06cc JSON \u0627\u0632 \u06cc\u06a9 API \u06cc\u0627 \u0627\u0631\u0633\u0627\u0644 \u0641\u0631\u0645 \u0639\u0627\u0644\u06cc \u0645\u06cc \u06a9\u0646\u062f.<\/p>\n

\u0645\u062b\u0627\u0644: \u06cc\u06a9 \u0648\u0628\u0644\u0627\u06af \u0634\u062e\u0635\u06cc \u06cc\u0627 \u06cc\u06a9 \u0648\u0628 \u0633\u0627\u06cc\u062a \u06a9\u0648\u0686\u06a9 \u06a9\u0647 \u0641\u0642\u0637 \u0646\u06cc\u0627\u0632 \u0628\u0647 \u0686\u0646\u062f \u062f\u0631\u062e\u0648\u0627\u0633\u062a API \u062f\u0627\u0631\u062f \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u062f fetch() \u0628\u062f\u0648\u0646 \u0633\u0631\u0628\u0627\u0631 \u06cc\u06a9 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 \u0628\u0632\u0631\u06af\u062a\u0631.<\/p>\n

\u0628\u0631\u0646\u0627\u0645\u0647 \u0647\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc \u0633\u0627\u0632\u0645\u0627\u0646\u06cc: \u062f\u0631 \u067e\u0631\u0648\u0698\u0647 \u0647\u0627\u06cc \u0628\u0632\u0631\u06af \u0645\u0642\u06cc\u0627\u0633\u060c Axios \u0645\u0632\u0627\u06cc\u0627\u06cc \u0645\u062a\u0645\u0627\u06cc\u0632 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc \u062f\u0647\u062f. \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc \u062f\u0627\u062e\u0644\u06cc \u0622\u0646 \u0645\u0627\u0646\u0646\u062f \u0631\u0647\u06af\u06cc\u0631\u0647\u0627\u060c \u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc\u200c\u0647\u0627\u06cc \u062c\u0647\u0627\u0646\u06cc \u0648 \u062a\u0628\u062f\u06cc\u0644 \u062e\u0648\u062f\u06a9\u0627\u0631 \u062f\u0627\u062f\u0647\u200c\u0647\u0627\u060c \u0646\u06af\u0647\u062f\u0627\u0631\u06cc \u06a9\u062f \u0648 \u0645\u062f\u06cc\u0631\u06cc\u062a \u062e\u0637\u0627 \u0631\u0627 \u0633\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f. \u0627\u06cc\u0646 \u0628\u0627\u0639\u062b \u0645\u06cc\u200c\u0634\u0648\u062f Axios \u0628\u0631\u0627\u06cc \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0647\u0627\u06cc \u067e\u06cc\u0686\u06cc\u062f\u0647 \u0645\u0646\u0627\u0633\u0628\u200c\u062a\u0631 \u0628\u0627\u0634\u062f\u060c \u062c\u0627\u06cc\u06cc \u06a9\u0647 \u0645\u062f\u06cc\u0631\u06cc\u062a \u0633\u0627\u062e\u062a\u0627\u0631 \u06cc\u0627\u0641\u062a\u0647 \u0648 \u0633\u0627\u0632\u06af\u0627\u0631 HTTP \u0628\u0633\u06cc\u0627\u0631 \u0645\u0647\u0645 \u0627\u0633\u062a.<\/p>\n

\u0645\u062b\u0627\u0644: \u062f\u0627\u0634\u0628\u0648\u0631\u062f \u0645\u0627\u0644\u06cc \u06a9\u0647 \u0628\u0627 \u0686\u0646\u062f\u06cc\u0646 API \u062a\u0639\u0627\u0645\u0644 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u062f \u0648 \u0628\u0647 \u0645\u062f\u06cc\u0631\u06cc\u062a \u062e\u0637\u0627\u06cc \u0642\u0648\u06cc \u0646\u06cc\u0627\u0632 \u062f\u0627\u0631\u062f\u060c \u0627\u0632 \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u0648 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc \u0633\u0627\u062f\u0647 Axios \u0628\u0647\u0631\u0647 \u0645\u06cc\u200c\u0628\u0631\u062f.<\/p>\n

2. \u062a\u062d\u0644\u06cc\u0644 \u0647\u0632\u06cc\u0646\u0647 \u0648 \u0641\u0627\u06cc\u062f\u0647<\/p>\n

\u0627\u0646\u062a\u062e\u0627\u0628 \u0628\u06cc\u0646 Axios \u062f\u0631 \u0645\u0642\u0627\u0628\u0644 \u0648\u0627\u06a9\u0634\u06cc \u0627\u063a\u0644\u0628 \u0634\u0627\u0645\u0644 \u0627\u0631\u0632\u06cc\u0627\u0628\u06cc \u0627\u06cc\u0646\u06a9\u0647 \u0622\u06cc\u0627 \u0645\u0632\u0627\u06cc\u0627\u06cc Axios \u0648\u0627\u0628\u0633\u062a\u06af\u06cc \u0627\u0636\u0627\u0641\u06cc \u0631\u0627 \u062a\u0648\u062c\u06cc\u0647 \u0645\u06cc \u06a9\u0646\u062f \u06cc\u0627 \u062e\u06cc\u0631. \u0628\u0631\u0627\u06cc \u067e\u0631\u0648\u0698\u0647 \u0647\u0627\u06cc \u06a9\u0648\u0686\u06a9\u060c fetch() \u0627\u063a\u0644\u0628 \u06a9\u0627\u0641\u06cc \u0627\u0633\u062a\u060c \u0627\u0646\u062f\u0627\u0632\u0647 \u0628\u0633\u062a\u0647 \u0631\u0627 \u0628\u0647 \u062d\u062f\u0627\u0642\u0644 \u0645\u06cc \u0631\u0633\u0627\u0646\u062f \u0648 \u0631\u0627\u0647 \u0627\u0646\u062f\u0627\u0632\u06cc \u0631\u0627 \u0633\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u062f. \u0628\u0627 \u0627\u06cc\u0646 \u062d\u0627\u0644\u060c \u062f\u0631 \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0647\u0627\u06cc \u0633\u0627\u0632\u0645\u0627\u0646\u06cc \u06a9\u0647 \u0642\u0627\u0628\u0644\u06cc\u062a \u0646\u06af\u0647\u062f\u0627\u0631\u06cc\u060c \u0633\u0627\u0632\u06af\u0627\u0631\u06cc \u06a9\u062f \u0648 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc \u067e\u06cc\u0634\u0631\u0641\u062a\u0647 \u0627\u0647\u0645\u06cc\u062a \u062f\u0627\u0631\u0646\u062f\u060c \u0645\u0632\u0627\u06cc\u0627\u06cc Axios \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0628\u0631 \u0647\u0632\u06cc\u0646\u0647 \u0627\u0641\u0632\u0648\u062f\u0646 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 \u0628\u06cc\u0634\u062a\u0631 \u0628\u0627\u0634\u062f.<\/p>\n

\u0645\u062f\u06cc\u0631\u06cc\u062a CORS<\/p>\n

1. CORS \u0686\u06cc\u0633\u062a\u061f<\/p>\n

\u0627\u0634\u062a\u0631\u0627\u06a9\u200c\u06af\u0630\u0627\u0631\u06cc \u0645\u0646\u0627\u0628\u0639 \u0645\u062a\u0642\u0627\u0637\u0639 (CORS) \u06cc\u06a9 \u0648\u06cc\u0698\u06af\u06cc \u0627\u0645\u0646\u06cc\u062a\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0628\u0647 \u0633\u0631\u0648\u0631\u0647\u0627 \u0627\u062c\u0627\u0632\u0647 \u0645\u06cc\u200c\u062f\u0647\u062f \u0645\u0634\u062e\u0635 \u06a9\u0646\u0646\u062f \u0686\u0647 \u06a9\u0633\u06cc \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0628\u0647 \u0645\u0646\u0627\u0628\u0639 \u062e\u0648\u062f \u062f\u0633\u062a\u0631\u0633\u06cc \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u062f. \u0647\u0646\u06af\u0627\u0645 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0628\u0631\u0627\u06cc \u062f\u0627\u0645\u0646\u0647 \u062f\u06cc\u06af\u0631\u06cc\u060c \u06cc\u06a9 \u062e\u0637 \u0645\u0634\u06cc CORS \u062a\u0636\u0645\u06cc\u0646 \u0645\u06cc \u06a9\u0646\u062f \u06a9\u0647 \u0628\u0631\u0646\u0627\u0645\u0647 \u0634\u0645\u0627 \u0645\u062c\u0627\u0632 \u0627\u0633\u062a \u062f\u0627\u062f\u0647 \u0647\u0627 \u0631\u0627 \u0628\u0647 \u0635\u0648\u0631\u062a \u0627\u06cc\u0645\u0646 \u0648\u0627\u06a9\u0634\u06cc \u06a9\u0646\u062f.<\/p>\n

Axios \u0648 fetch() \u062f\u0631\u062e\u0648\u0627\u0633\u062a\u200c\u0647\u0627\u06cc CORS \u0631\u0627 \u0628\u0647 \u0637\u0648\u0631 \u0645\u0634\u0627\u0628\u0647 \u0645\u062f\u06cc\u0631\u06cc\u062a \u06a9\u0646\u06cc\u062f\u060c \u0632\u06cc\u0631\u0627 \u0647\u0631 \u062f\u0648 \u0628\u0647 \u062e\u0637\u200c\u0645\u0634\u06cc\u200c\u0647\u0627\u06cc CORS \u0645\u0631\u0648\u0631\u06af\u0631 \u0645\u062a\u06a9\u06cc \u0647\u0633\u062a\u0646\u062f. \u06cc\u06a9 \u0627\u0634\u062a\u0628\u0627\u0647 \u0631\u0627\u06cc\u062c \u0627\u0636\u0627\u0641\u0647 \u06a9\u0631\u062f\u0646 \u0627\u0633\u062a Access-Control-Allow-Origin \u0647\u062f\u0631\u0647\u0627 \u062f\u0631 \u062f\u0631\u062e\u0648\u0627\u0633\u062a – \u0627\u06cc\u0646 \u0647\u062f\u0631 \u0641\u0642\u0637 \u0628\u0627\u06cc\u062f \u062a\u0648\u0633\u0637 \u0633\u0631\u0648\u0631 \u062a\u0646\u0638\u06cc\u0645 \u0634\u0648\u062f. \u0633\u0631\u0648\u0631\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0628\u0647 \u062f\u0631\u0633\u062a\u06cc \u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc \u0634\u062f\u0647 \u0627\u0646\u062f \u0627\u06cc\u0646 \u0647\u062f\u0631 \u0631\u0627 \u062f\u0631 \u067e\u0627\u0633\u062e \u0628\u0631\u0627\u06cc \u0646\u0634\u0627\u0646 \u062f\u0627\u062f\u0646 \u0645\u0628\u062f\u0627\u0647\u0627\u06cc \u0645\u062c\u0627\u0632 \u06af\u0646\u062c\u0627\u0646\u062f\u0647 \u0627\u0646\u062f.<\/p>\n

2. \u0645\u062b\u0627\u0644\u200c\u0647\u0627\u06cc \u0631\u0627\u0647\u200c\u0627\u0646\u062f\u0627\u0632\u06cc \u0645\u0646\u0627\u0633\u0628 CORS<\/p>\n

\u0646\u0645\u0648\u0646\u0647 Axios:<\/p>\n

axios.get(‘https:\/\/example.com\/api’, {
\n headers: {
\n ‘Content-Type’: ‘application\/json’
\n }
\n})
\n.catch(error => console.error(‘CORS Error:’, error));<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

fetch() \u0645\u062b\u0627\u0644:<\/p>\n

fetch(‘https:\/\/example.com\/api’, {
\n method: ‘GET’,
\n headers: {
\n ‘Content-Type’: ‘application\/json’
\n }
\n})
\n.catch(error => console.error(‘CORS Error:’, error));<\/p>\n

\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n

\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n

\u062f\u0631 \u0647\u0631 \u062f\u0648 \u0645\u0648\u0631\u062f\u060c \u0645\u0637\u0645\u0626\u0646 \u0634\u0648\u06cc\u062f \u06a9\u0647 \u0633\u0631\u0648\u0631 \u0628\u0647 \u06af\u0648\u0646\u0647\u200c\u0627\u06cc \u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc \u0634\u062f\u0647 \u0627\u0633\u062a \u06a9\u0647 \u062f\u0631\u062e\u0648\u0627\u0633\u062a\u200c\u0647\u0627\u06cc \u0645\u062a\u0642\u0627\u0637\u0639 \u0631\u0627 \u0645\u062c\u0627\u0632 \u06a9\u0646\u062f.<\/p>\n

\u0646\u06a9\u0627\u062a \u0628\u0647\u06cc\u0646\u0647 \u0633\u0627\u0632\u06cc \u0639\u0645\u0644\u06a9\u0631\u062f<\/p>\n

\u0628\u0647\u06cc\u0646\u0647 \u0633\u0627\u0632\u06cc \u0647\u0631 \u062f\u0648 Axios \u0648 fetch() \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0628\u0647 \u0628\u0647\u0628\u0648\u062f \u0639\u0645\u0644\u06a9\u0631\u062f \u0628\u0631\u0646\u0627\u0645\u0647 \u06a9\u0645\u06a9 \u06a9\u0646\u062f\u060c \u0628\u0647 \u062e\u0635\u0648\u0635 \u0647\u0646\u06af\u0627\u0645 \u0645\u062f\u06cc\u0631\u06cc\u062a \u062d\u062c\u0645 \u0632\u06cc\u0627\u062f\u06cc \u0627\u0632 \u062f\u0627\u062f\u0647 \u06cc\u0627 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0647\u0627\u06cc \u0645\u06a9\u0631\u0631.<\/p>\n

1. \u0630\u062e\u06cc\u0631\u0647 \u0633\u0627\u0632\u06cc<\/p>\n

Axios: \u0627\u0632 \u06cc\u06a9 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 \u0630\u062e\u06cc\u0631\u0647 \u0633\u0627\u0632\u06cc \u0645\u0627\u0646\u0646\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f axios-cache-adapter \u0628\u0631\u0627\u06cc \u0630\u062e\u06cc\u0631\u0647 \u067e\u0627\u0633\u062e \u0647\u0627 \u0648 \u06a9\u0627\u0647\u0634 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0647\u0627\u06cc \u0627\u0636\u0627\u0641\u06cc \u0634\u0628\u06a9\u0647.<\/p>\n

\u0648\u0627\u06a9\u0634\u06cc (): \u06cc\u06a9 \u0645\u06a9\u0627\u0646\u06cc\u0633\u0645 \u06a9\u0634 \u0633\u0627\u062f\u0647 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 localStorage \u06cc\u0627 sessionStorage API \u0628\u0631\u0627\u06cc \u0630\u062e\u06cc\u0631\u0647 \u062f\u0627\u062f\u0647 \u0647\u0627\u06cc \u0648\u0627\u06a9\u0634\u06cc \u0634\u062f\u0647<\/p>\n

2. \u0645\u062f\u06cc\u0631\u06cc\u062a \u067e\u0627\u0633\u062e<\/p>\n

\u0645\u062f\u06cc\u0631\u06cc\u062a \u0645\u0648\u062b\u0631 \u067e\u0627\u0633\u062e \u0647\u0627 \u0628\u0631\u0627\u06cc \u06a9\u0627\u0647\u0634 \u0628\u0627\u0631 \u0634\u0628\u06a9\u0647:<\/p>\n

Axios: \u0627\u0632 \u0631\u0647\u06af\u06cc\u0631\u0647\u0627 \u0628\u0631\u0627\u06cc \u0645\u062f\u06cc\u0631\u06cc\u062a \u067e\u0627\u0633\u062e\u200c\u0647\u0627 \u062f\u0631 \u0633\u0637\u062d \u062c\u0647\u0627\u0646\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f \u0648 \u0641\u0642\u0637 \u062f\u0627\u062f\u0647\u200c\u0647\u0627\u06cc \u0645\u0631\u062a\u0628\u0637 \u0631\u0627 \u062a\u062c\u0632\u06cc\u0647 \u06a9\u0646\u06cc\u062f.<\/p>\n

\u0648\u0627\u06a9\u0634\u06cc (): \u0627\u0632 \u0648\u0627\u06a9\u0634\u06cc \u062f\u0627\u062f\u0647 \u0647\u0627\u06cc \u063a\u06cc\u0631 \u0636\u0631\u0648\u0631\u06cc \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u067e\u0627\u0631\u0627\u0645\u062a\u0631\u0647\u0627\u06cc URL \u06cc\u0627 \u0631\u0634\u062a\u0647 \u0647\u0627\u06cc \u067e\u0631\u0633 \u0648 \u062c\u0648 \u0628\u0631\u0627\u06cc \u0645\u062d\u062f\u0648\u062f \u06a9\u0631\u062f\u0646 \u067e\u0627\u0633\u062e \u0647\u0627\u06cc \u0633\u0631\u0648\u0631 \u062e\u0648\u062f\u062f\u0627\u0631\u06cc \u06a9\u0646\u06cc\u062f.<\/p>\n

3. \u0628\u0647 \u062d\u062f\u0627\u0642\u0644 \u0631\u0633\u0627\u0646\u062f\u0646 \u0628\u0627\u0631 \u0634\u0628\u06a9\u0647<\/p>\n

Axios: \u0627\u0632 CancelToken \u0642\u0627\u0628\u0644\u06cc\u062a \u0644\u063a\u0648 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0647\u0627 \u062f\u0631 \u0635\u0648\u0631\u062a \u0639\u062f\u0645 \u0646\u06cc\u0627\u0632 \u0628\u0647 \u0622\u0646\u0647\u0627 \u0648 \u06a9\u0627\u0647\u0634 \u0628\u0627\u0631 \u0647\u062f\u0631 \u0631\u0641\u062a \u0634\u0628\u06a9\u0647.<\/p>\n

\u0648\u0627\u06a9\u0634\u06cc (): \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f AbortController \u0628\u0631\u0627\u06cc \u062e\u0627\u062a\u0645\u0647 \u062f\u0627\u062f\u0646 \u0628\u0647 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0647\u0627\u06cc \u0646\u0627\u062e\u0648\u0627\u0633\u062a\u0647<\/p>\n

\u0628\u0627 \u062f\u0631\u06a9 \u0632\u0645\u0627\u0646 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 Axios \u062f\u0631 \u0645\u0642\u0627\u0628\u0644 \u0648\u0627\u06a9\u0634\u06cc \u0648 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u06cc\u0646 \u062a\u06a9\u0646\u06cc\u06a9\u200c\u0647\u0627\u06cc \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u062d\u0627\u0635\u0644 \u06a9\u0646\u06cc\u062f \u06a9\u0647 \u067e\u0631\u0648\u0698\u0647 \u0634\u0645\u0627 \u0628\u062f\u0648\u0646 \u0645\u0634\u06a9\u0644 \u0627\u062c\u0631\u0627 \u0645\u06cc\u200c\u0634\u0648\u062f \u0648 \u062f\u0631 \u0639\u06cc\u0646 \u062d\u0627\u0644 \u062a\u0623\u062b\u06cc\u0631 \u0634\u0628\u06a9\u0647 \u0631\u0627 \u0628\u0647 \u062d\u062f\u0627\u0642\u0644 \u0645\u06cc\u200c\u0631\u0633\u0627\u0646\u062f.<\/p>\n

\u0646\u062a\u06cc\u062c\u0647 \u06af\u06cc\u0631\u06cc<\/p>\n

\u0627\u0646\u062a\u062e\u0627\u0628 \u0628\u06cc\u0646 Axios \u062f\u0631 \u0645\u0642\u0627\u0628\u0644 \u0648\u0627\u06a9\u0634\u06cc \u062f\u0631 \u0646\u0647\u0627\u06cc\u062a \u0628\u0647 \u067e\u06cc\u0686\u06cc\u062f\u06af\u06cc \u0648 \u0627\u0644\u0632\u0627\u0645\u0627\u062a \u067e\u0631\u0648\u0698\u0647 \u0634\u0645\u0627 \u0628\u0633\u062a\u06af\u06cc \u062f\u0627\u0631\u062f. Axios \u0628\u0631\u0627\u06cc \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0647\u0627\u06cc \u0628\u0632\u0631\u06af\u200c\u062a\u0631 \u0648 \u062f\u0631 \u0633\u0637\u062d \u0633\u0627\u0632\u0645\u0627\u0646\u06cc \u0627\u06cc\u062f\u0647\u200c\u0622\u0644 \u0627\u0633\u062a\u060c \u062c\u0627\u06cc\u06cc \u06a9\u0647 \u06a9\u062f \u0633\u0627\u062e\u062a\u0627\u0631\u06cc\u0627\u0641\u062a\u0647\u060c \u0645\u062f\u06cc\u0631\u06cc\u062a \u062e\u0637\u0627\u06cc \u0645\u062a\u0645\u0631\u06a9\u0632\u060c \u0648 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc \u062f\u0627\u062e\u0644\u06cc \u0645\u0627\u0646\u0646\u062f \u0631\u0647\u06af\u06cc\u0631\u0647\u0627 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u0646\u062f \u062a\u0648\u0633\u0639\u0647 \u0631\u0627 \u0633\u0627\u062f\u0647\u200c\u062a\u0631 \u06a9\u0646\u0646\u062f. \u0627\u0632 \u0633\u0648\u06cc \u062f\u06cc\u06af\u0631\u060c fetch() \u0628\u0631\u0627\u06cc \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc \u06a9\u0648\u0686\u06a9\u200c\u062a\u0631\u06cc \u06a9\u0647 \u0646\u06cc\u0627\u0632 \u0628\u0647 \u0648\u0627\u06a9\u0634\u06cc \u062f\u0627\u062f\u0647\u200c\u0647\u0627\u06cc \u0633\u0627\u062f\u0647 \u0648 \u0633\u0628\u06a9 \u0648\u0632\u0646 \u062f\u0627\u0631\u0646\u062f\u060c \u0628\u062f\u0648\u0646 \u0647\u0632\u06cc\u0646\u0647 \u0628\u0627\u0644\u0627\u06cc \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 \u0627\u0636\u0627\u0641\u06cc\u060c \u0639\u0627\u0644\u06cc \u0627\u0633\u062a. \u0628\u0631\u0627\u06cc \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u06af\u0627\u0646\u06cc \u06a9\u0647 \u0627\u062c\u0631\u0627\u06cc \u0633\u0631\u06cc\u0639 \u0628\u0627 \u062d\u062f\u0627\u0642\u0644 \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u0631\u0627 \u062f\u0631 \u0627\u0648\u0644\u0648\u06cc\u062a \u0642\u0631\u0627\u0631 \u0645\u06cc \u062f\u0647\u0646\u062f\u060c Axios \u0631\u0627\u062d\u062a\u06cc \u0631\u0627 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc \u062f\u0647\u062f\u060c \u062f\u0631 \u062d\u0627\u0644\u06cc \u06a9\u0647 \u06a9\u0633\u0627\u0646\u06cc \u06a9\u0647 \u0628\u0647 \u062f\u0646\u0628\u0627\u0644 \u06a9\u0646\u062a\u0631\u0644 \u06a9\u0627\u0645\u0644 \u0648 \u0627\u0646\u0639\u0637\u0627\u0641 \u067e\u0630\u06cc\u0631\u06cc \u0647\u0633\u062a\u0646\u062f\u060c \u0642\u062f\u0631\u062f\u0627\u0646\u06cc \u062e\u0648\u0627\u0647\u0646\u062f \u06a9\u0631\u062f. fetch(). \u0627\u06af\u0631 \u062f\u0631 \u062d\u0627\u0644 \u0628\u0631\u0631\u0633\u06cc \u06af\u0632\u06cc\u0646\u0647\u200c\u0647\u0627\u06cc \u062c\u0627\u06cc\u06af\u0632\u06cc\u0646 \u0647\u0633\u062a\u06cc\u062f\u060c \u0646\u062d\u0648\u0647 \u0627\u0646\u062c\u0627\u0645 \u0622\u0646 \u0631\u0627 \u0628\u0631\u0631\u0633\u06cc \u06a9\u0646\u06cc\u062f React Query \u062f\u0631 \u0645\u0642\u0627\u0628\u0644 Axios \u0628\u0631\u0627\u06cc \u062f\u0631\u06a9 \u0627\u0633\u062a\u0631\u0627\u062a\u0698\u06cc \u0647\u0627\u06cc \u067e\u06cc\u0634\u0631\u0641\u062a\u0647 \u062a\u0631 \u0648\u0627\u06a9\u0634\u06cc \u062f\u0627\u062f\u0647 \u0647\u0627 \u0645\u0642\u0627\u06cc\u0633\u0647 \u0645\u06cc \u0634\u0648\u062f. \u0627\u0646\u062a\u062e\u0627\u0628 \u0634\u0645\u0627 \u0628\u0627\u06cc\u062f \u0628\u0627 \u0645\u0642\u06cc\u0627\u0633 \u0648 \u062a\u0642\u0627\u0636\u0627\u06cc \u0628\u0631\u0646\u0627\u0645\u0647 \u0634\u0645\u0627 \u0647\u0645\u0627\u0647\u0646\u06af \u0628\u0627\u0634\u062f \u0648 \u0633\u0627\u062f\u06af\u06cc\u060c \u0639\u0645\u0644\u06a9\u0631\u062f \u0648 \u0642\u0627\u0628\u0644\u06cc\u062a \u0646\u06af\u0647\u062f\u0627\u0631\u06cc \u06a9\u062f \u0631\u0627 \u0645\u062a\u0639\u0627\u062f\u0644 \u06a9\u0646\u062f.<\/p>\n

\n
\n
\n

\u0641\u0647\u0631\u0633\u062a \u0645\u0637\u0627\u0644\u0628<\/p>\nToggle<\/span><\/path><\/svg><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n