热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

解决Fetch请求扇贝API时遇到的跨域问题及优化方案

今天在学习fetch时候想做一个调用扇贝api的Demo 但是遇到了跨域请求失败的问题,代码如下componentDidMount() {123456let URL = 'https://api.sh

今天在学习fetch时候想做一个调用扇贝api的Demo 但是遇到了跨域请求失败的问题,代码如下
componentDidMount() {



1
2
3
4
5
6
let URL = 'https://api.shanbay.com/bdc/search/?word=like';

fetch(URL, {

  method: 'get',

  mode: 'cors'

}).then(respOnse=> response.json())

  .then(data => console.log(data));

}

chrome下报错为



1
Fetch API cannot load https://api.shanbay.com/bdc/search/?word=like. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8000' is therefore not allowed access. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

将mode改为no-cors后response的status为0


   



推荐阅读
author-avatar
英萍维玟9856
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有