1. Ich habe es gemäß der CORS-Hilfedokumentation konfiguriert. Der Dokumentpfad lautet: http://www.ruanyifeng.com/blo...;
Die lokale Projektkonfiguration ist wie in der Abbildung dargestellt: (1) Importieren Sie das Support-Paket
(2) Web.xml Konfiguration
2 .Durch die obige Konfiguration ist es theoretisch möglich, domänenübergreifende Anfragen zu stellen, tatsächlich ist dies jedoch nicht möglich! Füge meinen HTML-Code ein:
<!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>
Wo URL ist Doubans API
Das laufende Ergebnis ist:
Der Anforderungsheader und der Anforderungsstatus sind:
(1) Allgemein
(2) Antwort
(3) Anfrage
3. Ich bin sehr verwirrt. Der Anforderungsstatuscode ist 200. Warum werden keine Daten zurückgegeben und die Konsole meldet einen Fehler? Im offiziellen Dokument heißt es, dass es, solange es konfiguriert ist, domänenübergreifend verwendet werden kann. Warum kann es auf diesem Computer nicht implementiert werden? Stimmt etwas mit der Konfiguration nicht? Oder fehlt etwas? Bitte geben Sie mir Ratschläge von einschlägigen Experten! Ich bin Mitglied der Third Party of China und muss dieses Problem dringend lösen. Vielen Dank!
解决跨域请求的方法很多,cors方式依赖于服务端返回正确的响应头信息
Access-Control-Allow-Origin
,你的截图显示豆瓣api并没有返回Access-Control-Allow-Origin:*
,所以跨域失败。还可以使用jsonp解决跨域,豆瓣是支持jsonp的。