解決使用Ajax：瀏覽器跨域同源問題

chrome錯誤提示：

Access to XMLHttpRequest at 'http://192.168.23.11:5000/' from origin 'http://localhost:63342' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource

firefox錯誤提示：

已攔截跨源請求：同源策略禁止讀取位於 http://192.168.23.11:5000/ 的遠程資源。（緣由：CORS 頭缺乏 'Access-Control-Allow-Origin'）。

前言

最近在學習的時候，用flask寫的api接口，而後再本機用Ajax加載數據而後用echarts進行數據的可視化，

可是在Ajax加載數據的時候出現了錯誤，而後就在網上找了不少的資料。都說是CORS的策略：同源策略不容許讀取遠程資源的問題。

解決

網上有不少的解決方法 ，我都沒有使用，我也就不一一列舉了，只要在網上一搜「瀏覽器跨域」就能搜到一大堆。我這裏使用的是，在服務器端的解決方案，親測可用！！！！

就是在服務器端給你要發送 的請求體添加一個請求頭。

以flask爲例：

就是添加一個請求頭Access-Control-Allow-Origin讓它的值爲*，即爲全部的意思。