fetch 请求扇贝的api跨域问题

Question

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

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下报错为

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

Answer 1

好吧。。发邮件确认了一下，原来是服务端不支持cors