Vue 3 Page Success Page Page API дважды в производстве после перенаправления полосы ⇐ Javascript

[Anonymous]

Я строю Vue 3 Spa с Vuex и Vue Router. На странице успеха платежей я звоню в API, чтобы назначить купленные напитки: < /p>
created() {
this.buyDrink()
},

methods: {
buyDrink() {
const payload = { cart: this.cartItems, payment_id: sessionStorage.getItem('payment_id') }
mydrinksService.giftDrinkToFriend(payload)
.then(res => { ... })
.catch(err => { ... })
}
}
< /code>
Страница отлично работает в разработке, но в производстве этот API вызывает пожары дважды после успешного платежа полосы.
Корневой компонент (app.vue) выглядит следующим образом: < /p>





< /code>
Я подозреваю, что двойной вызов происходит из -за удалений компонентов или перенаправлений полосы, но я не уверен. < /p>
То, что я пробовал: < /p>

Проверить, что созданный () только называет API один раз в Dev. < /li>
подтвердил, что strip redice red -redlects. /> < /ul>
Вопрос:
Почему компонент SPA Vue 3 дважды вызывает API в производстве, но не в разработке?>

Подробнее здесь: https://stackoverflow.com/questions/797 ... e-redirect