探討一下常見(jiàn)的跨域問(wèn)題

tulayang 發(fā)布于2019-08-22 15:34 / 2475人閱讀

摘要：所以那只好用方法二了，方法二到底是什么呢就是在服務(wù)端做手腳，操作起來(lái)也很簡(jiǎn)單，就是服務(wù)端在接口的時(shí)候加上如下的就可以解決跨域問(wèn)題了。

相信很多童鞋在剛接觸前后端分離的時(shí)候都會(huì)遇到跨域問(wèn)題，那么跨域問(wèn)題是怎么產(chǎn)生的呢？？怎么來(lái)解決跨域問(wèn)題呢？？我們閑話少說(shuō)，接下來(lái)給大家做一波分析。

首先來(lái)看一下“跨域”問(wèn)題的產(chǎn)生的原因，其實(shí)“跨域”是瀏覽器出于安全方面考慮作出的限制，如果不在同一域名下訪問(wèn)接口的話就會(huì)產(chǎn)生跨域問(wèn)題；一般ajax請(qǐng)求如果因?yàn)榭缬騿?wèn)題報(bào)錯(cuò)的話一般如下的報(bào)錯(cuò)：

post request is No "Access-Control-Allow-Origin" header is present on
the requested resource."

如果看到下面的報(bào)錯(cuò)，那你肯定是跨域訪問(wèn)了。

那么跨域問(wèn)題如何避免如何解決呢？其實(shí)解決辦法也很簡(jiǎn)單，統(tǒng)一域名就可以了，如果不能統(tǒng)一域名的話也可以用“jsonp”，來(lái)進(jìn)行前后端數(shù)據(jù)傳輸，但是“jsonp”只支持get訪問(wèn)，而且據(jù)我所知后臺(tái)還要進(jìn)行一些處理才行，所以“jsonp”并不是一個(gè)好的辦法。所以那只好用方法二了，方法二到底是什么呢....就是在服務(wù)端做手腳，操作起來(lái)也很簡(jiǎn)單，就是服務(wù)端在接口response的時(shí)候加上如下的header：就可以解決跨域問(wèn)題了。

> header("Access-Control-Allow-Origin:*");
> header("Access-Control-Allow-Methods:POST,GET");

如果以上兩招都行不通的話，也可以通過(guò)后臺(tái)比如nodejs代替瀏覽器發(fā)送請(qǐng)求，后臺(tái)請(qǐng)求不會(huì)受到跨域問(wèn)題限制，因?yàn)榍懊嬉舱f(shuō)了，跨域是瀏覽器的限制，所以后臺(tái)請(qǐng)求也是個(gè)不錯(cuò)的辦法哦！