fetch跨域jsonp,Cors

豆瓣電影的api
原生js用fetch發(fā)起跨域請(qǐng)求報(bào)錯(cuò)Access-Control-Allow-Origin
于是按照提示添加了mode:'no-cors',最后如下,能發(fā)送請(qǐng)求,但是無法在回調(diào)中獲取任何數(shù)據(jù),查詢資料后好像是第三方api不支持cors的緣故,并且在no-cors模式下允許瀏覽器發(fā)送本次跨域請(qǐng)求,但是不能訪問響應(yīng)返回的內(nèi)容,最后只能用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)
        })
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • 題目1.什么是同源策略? 同源策略(Same origin Policy): 瀏覽器出于安全方面的考慮,只允許與本...
    FLYSASA閱讀 1,752評(píng)論 0 6
  • 1. 什么是跨域 跨域,是指瀏覽器不能執(zhí)行其他網(wǎng)站的腳本。它是由瀏覽器的同源策略造成的,是瀏覽器對(duì)JavaScri...
    cbw100閱讀 6,389評(píng)論 2 86
  • 1. 跨域和同源 首先來看摘自MDN上對(duì)于跨域,較為標(biāo)準(zhǔn)的解釋: 當(dāng)一個(gè)資源從與該資源本身所在的服務(wù)器不同的域或端...
    曉風(fēng)殘?jiān)?994閱讀 430評(píng)論 0 0
  • Section1、為什么要跨域? 自古以來(1995年起),為了用戶的信息安全,瀏覽器就引入了同源策略。那么同源策...
    不去解釋閱讀 572評(píng)論 0 0
  • 一個(gè)模板打天下 重要性 標(biāo)題位置不合適,其實(shí)不需要標(biāo)題 技巧:新建工作簿 CTRL+N切換工作簿 CTRL+T...
    d76e7c4ef49a閱讀 709評(píng)論 0 0