摘要:所以那只好用方法二了,方法二到底是什么呢就是在服務(wù)端做手腳,操作起來也很簡(jiǎn)單,就是服務(wù)端在接口的時(shí)候加上如下的就可以解決跨域問題了。
相信很多童鞋在剛接觸前后端分離的時(shí)候都會(huì)遇到跨域問題,那么跨域問題是怎么產(chǎn)生的呢??怎么來解決跨域問題呢??我們閑話少說,接下來給大家做一波分析。
首先來看一下“跨域”問題的產(chǎn)生的原因,其實(shí)“跨域”是瀏覽器出于安全方面考慮作出的限制,如果不在同一域名下訪問接口的話就會(huì)產(chǎn)生跨域問題;一般ajax請(qǐng)求如果因?yà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ò),那你肯定是跨域訪問了。
那么跨域問題如何避免如何解決呢?其實(shí)解決辦法也很簡(jiǎn)單,統(tǒng)一域名就可以了,如果不能統(tǒng)一域名的話也可以用“jsonp”,來進(jìn)行前后端數(shù)據(jù)傳輸,但是“jsonp”只支持get訪問,而且據(jù)我所知后臺(tái)還要進(jìn)行一些處理才行,所以“jsonp”并不是一個(gè)好的辦法。所以那只好用方法二了,方法二到底是什么呢....就是在服務(wù)端做手腳,操作起來也很簡(jiǎn)單,就是服務(wù)端在接口response的時(shí)候加上如下的header: 就可以解決跨域問題了。
> header("Access-Control-Allow-Origin:*"); > header("Access-Control-Allow-Methods:POST,GET");
如果以上兩招都行不通的話,也可以通過后臺(tái)比如nodejs代替瀏覽器發(fā)送請(qǐng)求,后臺(tái)請(qǐng)求不會(huì)受到跨域問題限制,因?yàn)榍懊嬉舱f了,跨域是瀏覽器的限制,所以后臺(tái)請(qǐng)求也是個(gè)不錯(cuò)的辦法哦!
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/93552.html
摘要:所以那只好用方法二了,方法二到底是什么呢就是在服務(wù)端做手腳,操作起來也很簡(jiǎn)單,就是服務(wù)端在接口的時(shí)候加上如下的就可以解決跨域問題了。 相信很多童鞋在剛接觸前后端分離的時(shí)候都會(huì)遇到跨域問題,那么跨域問題是怎么產(chǎn)生的呢??怎么來解決跨域問題呢??我們閑話少說,接下來給大家做一波分析。 首先來看一下跨域問題的產(chǎn)生的原因,其實(shí)跨域是瀏覽器出于安全方面考慮作出的限制,如果不在同一域名下訪問接口的...
摘要:瀏覽器的同源策略固然保障了互聯(lián)網(wǎng)世界的數(shù)據(jù)隱私與數(shù)據(jù)安全,但是如果當(dāng)我們需要使用跨域請(qǐng)求資源時(shí),同源策略又會(huì)成為開發(fā)者的阻礙。我們之前提到過,如果想要繞過瀏覽器同源策略,實(shí)現(xiàn)使用技術(shù)跨域獲取資源,需要服務(wù)端和客戶端的協(xié)同合作。 瀏覽器的同源策略固然保障了互聯(lián)網(wǎng)世界的數(shù)據(jù)隱私與數(shù)據(jù)安全,但是如果當(dāng)我們需要使用AJAX跨域請(qǐng)求資源時(shí),同源策略又會(huì)成為開發(fā)者的阻礙。在本文中,我們會(huì)簡(jiǎn)單介紹需...
摘要:二跨域解決方案原理利用標(biāo)簽沒有跨域限制的漏洞,網(wǎng)頁可以得到從其他來源動(dòng)態(tài)產(chǎn)生的數(shù)據(jù)。使用反向代理實(shí)現(xiàn)跨域,是最簡(jiǎn)單的跨域方式。 前言 前后端數(shù)據(jù)交互經(jīng)常會(huì)碰到請(qǐng)求跨域,什么是跨域,以及有哪幾種跨域方式,這是本文要探討的內(nèi)容。 本文完整的源代碼請(qǐng)猛戳github博客,紙上得來終覺淺,建議動(dòng)手敲敲代碼 一、什么是跨域? 1.什么是同源策略及其限制內(nèi)容? 同源策略是一種約定,它是瀏覽器最核心...
摘要:二跨域解決方案原理利用標(biāo)簽沒有跨域限制的漏洞,網(wǎng)頁可以得到從其他來源動(dòng)態(tài)產(chǎn)生的數(shù)據(jù)。使用反向代理實(shí)現(xiàn)跨域,是最簡(jiǎn)單的跨域方式。 前言 前后端數(shù)據(jù)交互經(jīng)常會(huì)碰到請(qǐng)求跨域,什么是跨域,以及有哪幾種跨域方式,這是本文要探討的內(nèi)容。 本文完整的源代碼請(qǐng)猛戳github博客,紙上得來終覺淺,建議動(dòng)手敲敲代碼 一、什么是跨域? 1.什么是同源策略及其限制內(nèi)容? 同源策略是一種約定,它是瀏覽器最核心...
閱讀 1601·2021-09-02 15:41
閱讀 1003·2021-09-02 15:11
閱讀 1287·2021-07-28 00:15
閱讀 2313·2019-08-30 15:55
閱讀 1149·2019-08-30 15:54
閱讀 1698·2019-08-30 15:54
閱讀 2981·2019-08-30 14:02
閱讀 2530·2019-08-29 16:57