前端跨域解決方案 大家都是如何解決javascript跨域訪問的?
大家都是如何解決javascript跨域訪問的?首先,您需要知道什么是跨域JavaScript??缬蚴転g覽器的同源策略限制。同源策略要求通信源相同,即協(xié)議、域名和端口號完全一致。同源策略將限制兩種情況
大家都是如何解決javascript跨域訪問的?
首先,您需要知道什么是跨域JavaScript??缬蚴転g覽器的同源策略限制。同源策略要求通信源相同,即協(xié)議、域名和端口號完全一致。同源策略將限制兩種情況。第一種是不向不同來源的服務(wù)發(fā)送請求,第二種是不從不同的來源(如文檔和cookie)獲取BOM和DOM。我們通常通過解決第一個(gè)場景來解決跨域問題。有三種常見的方法來解決第一種情況。
1。最常用的CORS
CORS實(shí)際上是直接在服務(wù)器上配置的,CORS位于請求的響應(yīng)頭中。允許的來源包括網(wǎng)站,這樣瀏覽器就不會截獲請求的響應(yīng)。
訪問控制允許原點(diǎn):*
2。Jsonp
Jsonp使用script標(biāo)記跨域,并在script的SRC后添加一個(gè)回調(diào)函數(shù),請求可執(zhí)行的JavaScript文本。
3. Nginx轉(zhuǎn)發(fā)
Nginx轉(zhuǎn)發(fā)是一種相對安全的方法,在公司中經(jīng)常使用。只需將前端請求轉(zhuǎn)發(fā)到nginx配置文件中的跨域服務(wù)器的IP地址即可
首先說明跨域:比如你想寫一個(gè)百度搜索頁面,直接調(diào)用百度服務(wù),然后直接在頁面上顯示百度服務(wù)返回的信息,這樣你就可以在沒有任何后臺服務(wù)的情況下實(shí)現(xiàn)百度的假版本。實(shí)際情況是,當(dāng)你的網(wǎng)頁調(diào)用百度界面時(shí),瀏覽器返回一條不能跨域的錯(cuò)誤信息。因?yàn)槟愕木W(wǎng)頁域名與百度域名不同,百度不允許跨域訪問,瀏覽器收到異常后會返回一條錯(cuò)誤消息,即跨域。
要實(shí)現(xiàn)跨域請求,目前有兩種簡單的實(shí)現(xiàn)方法:1。在服務(wù)器接口中設(shè)置access control allow origin,使客戶端請求的非本地域名和端口與服務(wù)器一致
2。在客戶端的web服務(wù)器(如nginx)中配置接口轉(zhuǎn)發(fā),服務(wù)器請求跨域服務(wù)接口,接口向前端返回?cái)?shù)據(jù)。