Dans Vuex, les opérations sont asynchrones. La seule façon de faire savoir à la fonction appelante (l'initiateur de l'opération) que l'opération est terminée est de renvoyer une promesse et de la résoudre plus tard.

Voici un exemple : myAction renvoie une promesse, effectue un appel http, puis résout ou rejette la promesse de manière asynchrone.

actions: {
myAction(context, data) {
    return new Promise((resolve, reject) => {
        // 在这里执行一些操作... 比如使用vue-resource进行http调用
        this.$http("/api/something").then(response => {
            // http成功，调用mutator并在状态中更改一些内容
            resolve(response);  // 让调用函数知道http完成了。你可以发送一些数据回去
        }, error => {
            // http失败，让调用函数知道操作没有成功
            reject(error);
        })
    })
}

}

Maintenant, lorsque votre composant Vue lancera myAction, il obtiendra cet objet Promise et pourra savoir s'il a réussi ou non. Voici un exemple de code pour les composants Vue :

export default {
mounted: function() {
    // 这个组件刚刚创建。让我们在这里使用一个操作来获取一些数据
    this.$store.dispatch("myAction").then(response => {
        console.log("获取到了一些数据，现在让我们在这个组件中显示一些东西")
    }, error => {
        console.error("从服务器获取不到任何数据。提示用户检查网络连接并重试")
    })
}

}

De plus, lorsqu'aucune autorisation ne correspond, vous appelez la même route, qui continue d'appeler la même route et crée une boucle infinie. Si l'autorisation est refusée, redirigez vers la page d'accès refusé.