Amir Hossein Shahsavary
4 سال پیش توسط Amir Hossein Shahsavary مطرح شد
1 پاسخ

ایجاد پلاگین axios به صورت global و اضافه کردن interceptors در nuxt js

سلام به همه دوستان . من میخوام به صورت global ریکوست های axios رو توی nuxt مدیریت کنم . از plugin هم استفاده کردم و کد هایی که خود سایت nuxt گفته بود رو قرار دادم به شکل زیر :

export default function({ $axios, store, redirect }) {
    $axios.onRequest(config => {
        console.log('Making request to ' + config.url)
    })
    $axios.onResponse((response) => {
        if(response.data.status=='200'){
            console.log('Response Ok ')
        }
        return response

    })
    $axios.onError(error => {
        const code = parseInt(error.response && error.response.status)
        if (code === 400) {
            redirect('/400')
        }
    })
}

اما وقتی ریکوستی میفرستم و ریسپانس دریافت میکنم onResponse اجرا نمیشه . کسی میتونه راهنمایی کنه ؟
ممنون


ثبت پرسش جدید
Amir Hossein Shahsavary
تخصص : FrontEnd Developer
@shahsavari.007 4 سال پیش مطرح شد
1

مشکل رو فهمیدم !

من به این شکل از axios استفاده میکردم که اشتباه بود و شامل کانفیگ axios نمیشد

            axios
            .get('URL')
            .then(res=>{
             this.rows = res.data
            })
            .catch(err=>{

            })

که باید طبق گفته خود سایت به این شکل استفاده بشه :

const rows = await this.$axios.$get('URL')

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام