1. Je l'ai configuré selon la documentation d'aide CORS. Le chemin du document est : http://www.ruanyifeng.com/blo... ;
La configuration du projet local est comme indiqué dans la figure : (1) Importez le package de support
(2) Web.xml. configuration
2 .Grâce à la configuration ci-dessus, il est théoriquement possible de faire des requêtes cross-domaines, mais en fait ce n'est pas possible ! Collez mon code html :
<!doctype html>
<html>
<head>
<title>axios - get example</title>
<link rel="stylesheet" type="text/css" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"/>
</head>
<body class="container">
<h1>axios.get</h1>
<ul id="people" class="list-unstyled"></ul>
<script src="axios.min.js"></script>
<script>
var url = 'https://api.douban.com/v2/book/1220562';
axios.get(url)
.then(function (response) {
document.getElementById('people').innerHTML = '<li class="text-danger">' + response.data + '</li>';
})
.catch(function (err) {
document.getElementById('people').innerHTML = '<li class="text-danger">' + err.message + '</li>';
});
</script>
</body>
</html>
Où l'URL est l'API de Douban
Le résultat en cours d'exécution est :
L'en-tête de la demande et le statut de la demande sont :
(1) Général
(2) Réponse
(3) Demande
3. Je suis très confus. Le code d'état de la demande est 200. Pourquoi aucune donnée n'est-elle renvoyée et la console signale-t-elle une erreur ? Le document officiel indique que tant qu'il est configuré, il peut être utilisé sur tous les domaines. Pourquoi ne peut-il pas être implémenté sur cette machine ? Y a-t-il un problème avec la configuration ? Ou est-ce qu'il manque quelque chose ? S'il vous plaît, donnez-moi quelques conseils d'experts compétents ! Je suis membre du Tiers Parti de Chine. J'ai un besoin urgent de résoudre ce problème lorsque je travaille sur un projet. Merci beaucoup !
Il existe de nombreuses façons de résoudre les requêtes inter-domaines. La méthode CORS s'appuie sur le serveur pour renvoyer les informations d'en-tête de réponse correctes
Access-Control-Allow-Origin
,你的截图显示豆瓣api并没有返回Access-Control-Allow-Origin:*
, donc l'inter-domaine échoue.Vous pouvez également utiliser jsonp pour résoudre des problèmes inter-domaines. Douban prend en charge jsonp.