1. Saya telah mengkonfigurasinya mengikut dokumentasi bantuan CORS. Laluan dokumen ialah: http://www.ruanyifeng.com/blo...;
Konfigurasi projek tempatan adalah seperti yang ditunjukkan dalam rajah: (1) Import pakej sokongan
(2) Web.xml konfigurasi
2 .Melalui konfigurasi di atas, secara teorinya adalah mungkin untuk membuat permintaan merentas domain, tetapi sebenarnya ia tidak mungkin! Tampal kod html saya:
<!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>
Di mana url adalah api Douban
Hasil yang sedang dijalankan ialah:
Pengepala permintaan dan status permintaan ialah:
(1) Umum
(2) Respons
Terdapat banyak cara untuk menyelesaikan permintaan merentas domain Kaedah CORS bergantung pada pelayan untuk mengembalikan maklumat pengepala respons yang betul
Access-Control-Allow-Origin
,你的截图显示豆瓣api并没有返回Access-Control-Allow-Origin:*
, jadi merentas domain gagal.Anda juga boleh menggunakan jsonp untuk menyelesaikan masalah merentas domain Douban menyokong jsonp.