1.描述.
一開始研究CORS跨域,簡直是一頭霧水,看的阮老師的文章http://www.ruanyifeng.com/blog/2016/04/cors.html還是很迷糊,前端小白表示還是先來個實戰(zhàn)比較直接。
2.準(zhǔn)備工作:
首先用http-server在本地搭建一臺服務(wù)器(http://127.0.0.1:8080),使用這臺服務(wù)器發(fā)出數(shù)據(jù)請求。再使用nodejs搭建另一臺服務(wù)器作為響應(yīng)數(shù)據(jù)請求的。
1.下面展示不跨域的情況


不跨域的情況
2.下面展示跨域的情況:



那么如何使用CORS技術(shù)解決跨域了?


至此CORS解決跨域的簡單的實踐結(jié)束。
3.個人理解的CORS
CORS是需要前后端配合的完成的,后端服務(wù)器設(shè)置Access-Control-Allow-Origin為前端發(fā)來請求的地址,即解決跨域,如果后端沒有允許前端發(fā)來請求的地址,則跨域失?。?/b>