תגובות לפוסט: Axios interceptors

מאת: רן בר-זיק

רן בר-זיק — Sat, 09 Dec 2023 10:29:07 +0000

לא, מדובר בפיצ׳ר של axios עצמו. הוא יעבוד היטב בכל סביבה. הנה דוגמה של קוד בונילה שעובד מעולה, הדבק אותו כ-index.html והרץ אותו עם

 npx serve .

(הנקודה אחרי ה-serve) ותראה שהוא עובד יופי :)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Axios Interceptor Demo</title>
    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
</head>
<body>
    <h1>Axios Interceptor Demo</h1>
    <script>
        // Set up an Axios interceptor
        axios.interceptors.request.use(request => {
            console.log('Starting Request', request);
            // You can modify the request here
            return request;
        }, error => {
            // Handle errors
            console.error('Request error:', error);
            return Promise.reject(error);
        });

        axios.interceptors.response.use(response => {
            console.log('Response:', response);
            // You can modify the response here
            return response;
        }, error => {
            // Handle errors
            console.error('Response error:', error);
            return Promise.reject(error);
        });

        // Example API call
        axios.get('https://jsonplaceholder.typicode.com/todos/1')
            .then(response => {
                console.log('Data:', response.data);
            })
            .catch(error => {
                console.error('Error during API call:', error);
            });
    </script>
</body>
</html>

מאת: מולי

מולי — Sat, 09 Dec 2023 03:26:32 +0000

בתגובה על רן בר-זיק. הבעיה היא התלות ב vite כפי שהבנתי, הפתרון לא יתאים למי שאינו משתמש ב vite.

מאת: רן בר-זיק

רן בר-זיק — Sat, 02 Dec 2023 09:55:22 +0000

בתגובה על מולי. לא הבנתי מה הבעיה. ה-axios interceptor הוא סוג של middleware שאמור לעבוד גם עם כמה קריאות במקביל.

מאת: מולי

מולי — Mon, 27 Nov 2023 09:50:34 +0000

לטעמי, עדיין חסר… לדוגמא: אם נוסיף טיפול במספר קריאות, כמו במקרה אופייני של שליפת 100+ פוסטים מוורדפרס, ואז נדרש ביצוע של כמה קריאות במקביל… ואם vite הוא לא אופציה, לא ברור איך להתקדם.

בקיצור, מפתיע שאין פתרון (service) אמין וקיים. בינתיים המצאתי את הגלגל בעצמי – והוא עובד אבל לא גנרי כמו שהייתי רוצה.
אם יש המלצה למשהו בכיוון שתיארתי יהיה נפלא

מאת: שלמה

שלמה — Sun, 01 Oct 2023 09:07:50 +0000

נושא חשוב, זה באמת כלי שמאפשר דברים יפים ואלגנטיים מאוד. לדוגמה להגדיר באופן גלובלי שאם השרת מחזיר קוד שגיאה 401 בתגובה לקריאת HTTP כלשהי, לנתק את הסשן בקליינט, להקפיץ הודעת שגיאה ולהעביר לדף לוגין.