解决使用Ajax：浏览器跨域同源问题

解决使用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让它的值为*，即为所有的意思。

posted @ 2019-02-26 09:31 Drawbirder 阅读( ...) 评论( ...) 编辑 收藏