javascript - 使用JavaEE——SSH框架開發(fā)Web項(xiàng)目，如何使用CORS實(shí)現(xiàn)跨域請求？
問題描述
1.我已經(jīng)根據(jù)CORS的幫助文檔，進(jìn)行了配置。文檔路徑為：http://www.ruanyifeng.com/blo...；本地項(xiàng)目配置如圖：（1）.導(dǎo)入支持包（2）web.xml的配置
2.通過上面的配置，理論上是可以進(jìn)行跨域請求，但是事實(shí)是不行的！貼上我的html代碼：
<!doctype html><html> <head> <title>axios - get example</title> <link rel='stylesheet' type='text/css' /> </head> <body class='container'> <h1>axios.get</h1> <ul class='list-unstyled'></ul> <script src='http://m.baoyu77737.com/wenda/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>
其中url是豆瓣的api運(yùn)行結(jié)果為：
請求頭以及請求狀態(tài)為：（1）General
（2）Response
（3）Request
3.很疑惑，請求狀態(tài)碼是200，為什么就是沒有數(shù)據(jù)返回而且console還報(bào)錯(cuò)？官方文檔上說只要配置好了就可以跨域了，為什么本機(jī)卻實(shí)現(xiàn)不了？是配置環(huán)節(jié)出問題了？還是落下了什么環(huán)節(jié)？請相關(guān)大牛賜教！在下大三黨一枚，做項(xiàng)目急需解決這個(gè)問題，萬分感謝！
問題解答
回答1：解決跨域請求的方法很多，cors方式依賴于服務(wù)端返回正確的響應(yīng)頭信息Access-Control-Allow-Origin，你的截圖顯示豆瓣api并沒有返回Access-Control-Allow-Origin:* ，所以跨域失敗。還可以使用jsonp解決跨域，豆瓣是支持jsonp的。
網(wǎng)公網(wǎng)安備