Depuis que j'ai rejoint Vue, j'utilise la bibliothèque axios pour effectuer des requêtes asynchrones. L'article suivant vous présente principalement les informations pertinentes sur les cookies inter-domaines et la configuration associée dans axios. L'article le présente en détail à travers un exemple de code. Les amis dans le besoin peuvent s'y référer ci-dessous.
Avant-propos
Récemment, j'ai rencontré quelques problèmes mineurs lors du téléchargement entre domaines, cookies et formulaires. Permettez-moi de faire une brève exploration et. résumé. . Cet article présente principalement le contenu pertinent sur les cookies inter-domaines et la configuration associée dans axios. Je ne dirai pas grand-chose ci-dessous, jetons un coup d'œil à l'introduction détaillée.
1. Demande avec cookie - mettre en évidence les points clés
axios n'apporte pas de cookies par défaut lors de l'envoi d'une demande, vous devez le paramétrer il faut withCredentials: true
pour le résoudre. À ce stade, vous devez faire attention à la nécessité de paramètres de coordination back-end :
informations d'en-têteAccess-Control-Allow-Credentials:true
Accès- Control-Allow-Origin ne peut pas être '*', car '*' entrera en conflit avec Access-Control-Allow-Credentials:true, vous devez configurer l'adresse spécifiée
Si le backend est défini Access-Control-Allow-Origin: '*'
, il y aura le message d'erreur suivant
1 |
|
La configuration du backend est indispensable, sinon des erreurs se produiront :
1 2 3 4 5 6 7 8 |
|
Après succès, vous. peut voir
<🎜 dans la demande >2. La configuration Axios de mon code de projet front-end
La configuration unifiée Axios améliorera considérablement l'efficacité et évitera les bugs. , et localisez les bogues (informations pratiques sur les erreurs capturées) Créez une requête axios de package fetch.js distincte et exposez-la en tant que méthode1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 |
|
1 2 3 4 5 6 7 8 |
|
Comment utiliser keep-alive dans vue2
Dans webpack, il existe une configuration d'environnement concernant le plug jquery -in (Tutoriel détaillé)
Comment implémenter une requête de pagination dans Bootstrap4 + Vue2
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!