資訊專欄INFORMATION COLUMN
摘要：所以那只好用方法二了，方法二到底是什么呢就是在服務端做手腳，操作起來也很簡單，就是服務端在接口的時候加上如下的就可以解決跨域問題了。
相信很多童鞋在剛接觸前后端分離的時候都會遇到跨域問題，那么跨域問題是怎么產生的呢？？怎么來解決跨域問題呢？？我們閑話少說，接下來給大家做一波分析。
首先來看一下“跨域”問題的產生的原因，其實“跨域”是瀏覽器出于安全方面考慮作出的限制，如果不在同一域名下訪問接口的話就會產生跨域問題；一般ajax請求如果因為跨域問題報錯的話一般如下的報錯：
post request is No "Access-Control-Allow-Origin" header is present on
the requested resource."
如果看到下面的報錯，那你肯定是跨域訪問了。
那么跨域問題如何避免如何解決呢？其實解決辦法也很簡單，統一域名就可以了，如果不能統一域名的話也可以用“jsonp”，來進行前后端數據傳輸，但是“jsonp”只支持get訪問，而且據我所知后臺還要進行一些處理才行，所以“jsonp”并不是一個好的辦法。所以那只好用方法二了，方法二到底是什么呢....就是在服務端做手腳，操作起來也很簡單，就是服務端在接口response的時候加上如下的header： 就可以解決跨域問題了。
> header("Access-Control-Allow-Origin:*");
> header("Access-Control-Allow-Methods:POST,GET");
如果以上兩招都行不通的話，也可以通過后臺比如nodejs代替瀏覽器發送請求，后臺請求不會受到跨域問題限制，因為前面也說了，跨域是瀏覽器的限制，所以后臺請求也是個不錯的辦法哦！
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/52041.html
摘要：所以那只好用方法二了，方法二到底是什么呢就是在服務端做手腳，操作起來也很簡單，就是服務端在接口的時候加上如下的就可以解決跨域問題了。 相信很多童鞋在剛接觸前后端分離的時候都會遇到跨域問題，那么跨域問題是怎么產生的呢？？怎么來解決跨域問題呢？？我們閑話少說，接下來給大家做一波分析。 首先來看一下跨域問題的產生的原因，其實跨域是瀏覽器出于安全方面考慮作出的限制，如果不在同一域名下訪問接口的...
摘要：瀏覽器的同源策略固然保障了互聯網世界的數據隱私與數據安全，但是如果當我們需要使用跨域請求資源時，同源策略又會成為開發者的阻礙。我們之前提到過，如果想要繞過瀏覽器同源策略，實現使用技術跨域獲取資源，需要服務端和客戶端的協同合作。 瀏覽器的同源策略固然保障了互聯網世界的數據隱私與數據安全，但是如果當我們需要使用AJAX跨域請求資源時，同源策略又會成為開發者的阻礙。在本文中，我們會簡單介紹需...
摘要：二跨域解決方案原理利用標簽沒有跨域限制的漏洞，網頁可以得到從其他來源動態產生的數據。使用反向代理實現跨域，是最簡單的跨域方式。 前言 前后端數據交互經常會碰到請求跨域，什么是跨域，以及有哪幾種跨域方式，這是本文要探討的內容。 本文完整的源代碼請猛戳github博客，紙上得來終覺淺，建議動手敲敲代碼 一、什么是跨域？ 1.什么是同源策略及其限制內容？ 同源策略是一種約定，它是瀏覽器最核心...
摘要：二跨域解決方案原理利用標簽沒有跨域限制的漏洞，網頁可以得到從其他來源動態產生的數據。使用反向代理實現跨域，是最簡單的跨域方式。 前言 前后端數據交互經常會碰到請求跨域，什么是跨域，以及有哪幾種跨域方式，這是本文要探討的內容。 本文完整的源代碼請猛戳github博客，紙上得來終覺淺，建議動手敲敲代碼 一、什么是跨域？ 1.什么是同源策略及其限制內容？ 同源策略是一種約定，它是瀏覽器最核心...
閱讀 2380·2019-08-30 15:56
閱讀 1038·2019-08-30 15:55
閱讀 3202·2019-08-30 15:44
閱讀 932·2019-08-30 10:53
閱讀 1887·2019-08-29 16:33
閱讀 2467·2019-08-29 16:13
閱讀 719·2019-08-29 12:41
閱讀 874·2019-08-26 13:56
