Comment obtenir un jeton slim-csrf dans Vue?

Question

Quelle est la meilleure façon d'obtenir le jeton csrf dans VueJS?

Je n'ai aucune idée d'accéder au jeton via VueJS. Est-ce que ce devrait être un appel ajax? Mais, je pense que ce sera risqué, non?

Answer 1

Vous pouvez consulter la documentation de votre framework côté serveur pour voir comment il la gère par défaut car cela peut affecter ce qui est le plus simple, mais il existe plusieurs solutions.

Vous pouvez définir un cookie pour stocker le CSRF sur le côté serveur et chercher que dans votre application Vue

Sinon, vous pouvez mettre le CSRF dans la charge de la page initiale. Mettez des balises de script dans l'en-tête et assignez-les à une variable. Par exemple, si vous utilisez Guidons, vous pourriez faire quelque chose comme ceci:

<script> 
    var token = "{{ token }}"; 
</script> 

Ensuite, vous pouvez accéder au jeton de la variable.

EDIT: Vous ne voyiez pas que vous utilisiez Slim, et il semble que vous ayez besoin de plusieurs valeurs, mais le principe est le même. Si vous utilisez Twig, la syntaxe est la même et vous pouvez définir autant de valeurs que vous le souhaitez de la même manière.