javascript - 调用数据接口被拦截，显示同源策略禁止读取数据，怎么解决？

问题描述

问 题

var set = {
    type: "GET",
    url: 'http://japi.juhe.cn/health_knowledge/categoryList?key=ba4fbbe97404cc',
    dataType: "json",
    success: function(data) {
        console.log(data);
    }
}
$.ajax(set);

显示错误：

已拦截跨源请求：同源策略禁止读取位于
http://japi.juhe.cn/health_kn...
的远程资源。（原因：CORS 头缺少 'Access-Control-Allow-Origin'）。

我调用的是聚合数据上的API，怎么解决这个问题呢？
追加一下，使用JSONP格式调用成功，但是会报错：

SyntaxError: missing ; before statement
"error_code" : 0 , "reason" : "Success!" , "result" : [ { "id" : 11 ,
"na categ...

但是返回数据显示"reason" : "Success!"， 明显是成功的，好想知道解决方法。

解决方案

同源策略是互联网安全的需求，所以也许有绕过该策略的方法，但是慢慢也会被封杀的，除非是服务器自己愿意（在头部设置Access-Control-Allow-Origin）或者使用其它协议，如WebSocket，那也是要你请求的服务器支持才行，个人观点。

所以如果是想要调用聚合数据上的API，请将数据发送到你的后台，然后由你的后台调用，得到的数据再返回你的前端。

报的错是语法错误，检查下你的代码？

这篇关于javascript - 调用数据接口被拦截，显示同源策略禁止读取数据，怎么解决？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！