使用Fetch抓取数据报错，请问如何修改？

Question

import React, { Component } from 'react';
import fetch from 'isomorphic-fetch';



class FetchData extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            value: null,
        };
    }

    handleClick (e) {
        // alert('测试')
        fetch('https://suggest.taobao.com/sug?code=utf-8&q=%E5%8D%AB%E8%A1%A3&callback=cb', {
            method: 'post',
            body: JSON.stringify({

            }),
            headers: {
                'Content-Type': 'application/json'
            }
        })
            .then((res) => res.json())
            .then((res) => {
                data => console.log(res)
            })
            .catch((err) => console.error(err));
    }

    render() {
        return <div className="square" onClick={() => this.handleClick()}>
            点击抓取内容
        </div>
    }
}

export default FetchData;

Answer 1

跨域了，如果上线后是同个域名，那么可以本地测试的时候设置个host。也可以服务端开个cors，解决跨域问题

Answer 2

这个 API 是一个JSONP 接口