鍍金池/ 問答/Linux  HTML/ 使用Fetch抓取數(shù)據(jù)報錯,請問如何修改?

使用Fetch抓取數(shù)據(jù)報錯,請問如何修改?

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()}>
            點擊抓取內(nèi)容
        </div>
    }
}

export default FetchData;

圖片描述

回答
編輯回答
耍太極

跨域了,如果上線后是同個域名,那么可以本地測試的時候設(shè)置個host。也可以服務(wù)端開個cors,解決跨域問題

2018年6月1日 16:27
編輯回答
法克魷

這個 API 是一個JSONP 接口

2018年9月2日 09:56