1.描述.
一開始研究CORS跨域请毛,簡(jiǎn)直是一頭霧水炊苫,看的阮老師的文章http://www.ruanyifeng.com/blog/2016/04/cors.html還是很迷糊,前端小白表示還是先來個(gè)實(shí)戰(zhàn)比較直接株茶。
2.準(zhǔn)備工作:
首先用http-server在本地搭建一臺(tái)服務(wù)器(http://127.0.0.1:8080),使用這臺(tái)服務(wù)器發(fā)出數(shù)據(jù)請(qǐng)求。再使用nodejs搭建另一臺(tái)服務(wù)器作為響應(yīng)數(shù)據(jù)請(qǐng)求的点弯。
1.下面展示不跨域的情況
2.下面展示跨域的情況:
那么如何使用CORS技術(shù)解決跨域了?
至此CORS解決跨域的簡(jiǎn)單的實(shí)踐結(jié)束矿咕。
3.個(gè)人理解的CORS
CORS是需要前后端配合的完成的抢肛,后端服務(wù)器設(shè)置Access-Control-Allow-Origin為前端發(fā)來請(qǐng)求的地址,即解決跨域碳柱,如果后端沒有允許前端發(fā)來請(qǐng)求的地址捡絮,則跨域失敗莲镣!