fetch跨域jsonp,Cors

豆瓣电影的api
原生js用fetch发起跨域请求报错Access-Control-Allow-Origin
于是按照提示添加了mode:'no-cors',最后如下,能发送请求,但是无法在回调中获取任何数据,查询资料后好像是第三方api不支持cors的缘故,并且在no-cors模式下允许浏览器发送本次跨域请求,但是不能访问响应返回的内容,最后只能用ajax

 let domain=`http://api.douban.com/v2/movie/top250`
        fetch(this.domain,{
            start:0,
            count:20,
            method:'GET',
            mode:'no-cors'
        }).then(response=>{
            console.log(response)
            console.log(response.json())
            return response.json()
        }).then(res=>{
            console.log(res)
        }).catch(e=>{
            console.log(e)
        })
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 题目1.什么是同源策略? 同源策略(Same origin Policy): 浏览器出于安全方面的考虑,只允许与本...
    FLYSASA阅读 1,752评论 0 6
  • 1. 什么是跨域 跨域,是指浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对JavaScri...
    cbw100阅读 6,395评论 2 86
  • 1. 跨域和同源 首先来看摘自MDN上对于跨域,较为标准的解释: 当一个资源从与该资源本身所在的服务器不同的域或端...
    晓风残月1994阅读 430评论 0 0
  • Section1、为什么要跨域? 自古以来(1995年起),为了用户的信息安全,浏览器就引入了同源策略。那么同源策...
    不去解释阅读 581评论 0 0
  • 一个模板打天下 重要性 标题位置不合适,其实不需要标题 技巧:新建工作簿 CTRL+N切换工作簿 CTRL+T...
    d76e7c4ef49a阅读 710评论 0 0