js bug: Origin 'null' is therefore not allowed access.

先说一下问题的由来,在本地html页面ajax请求本地或者局域网server的资源时遇到的bug,先来段出问题的代码:

<script type="text/javascript">
    $.ajax({
        type:"get",
        url:"http://192.168.199.59:9000/api/v1/questions/5825acefffa2f815acdb03cf",
        success:function(res){
            console.log(888);
        },
        error:function(){
            console.log(66666)
        }
    });
</script>

翻译一下大家的解释好了:
Origin null is not allowed by Access-Control-Allow-Origin 意味着你在尝试ajax请求本地文件,因为安全的原因,这是被禁止的。
服务端的做法是在response内允许这么做:

response.setHeader("Access-Control-Allow-Origin", "*")

如果Chrome浏览器的话可以尝试加入新的插件:
https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi/related

来个参考文献
Chrome Origin null is not allowed by Access-Control-Allow-Origin

PS
有些朋友可能会发生这样的问题,你的get方法可以跨域但是post方法不行,然后在浏览器的console里面你会看到有我们很少用的option请求,这种问题最明确的问题就是你的服务端也许并有一个叫做option的路由,加一个就好了,例如:

OPTIONS          /*url                  controllers.Application.options(url: String)
  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值