没有检测到没有访问控制源

时间:2018-08-24 03:34:36

标签: reactjs api fetch-api

我正在尝试提取API数据,当我这样做时,即使添加了访问控制允许源标头,也会收到“未检测到访问控制源”的错误消息

当我在Chrome / Firefox中启动npm时,它不起作用,但是当我使用IE时,它却起作用了

这是我的代码:

 componentDidMount() {
        fetch(url , {
            mode: 'cors',
            headers: { 
            'X-API-KEY': API_KEY,
            'Access-Control-Allow-Origin': 'https://localhost:3000/',
            'Access-Control-Allow-Credentials': 'true',
            'Access-Control-Allow-Headers': 'Content-Type, Origin, Accept, Authorization',
            'Accept': 'application/json',
            'Content-Type': 'application/json'
            }

        })
            .then(res => res.json())
            .then(json => {
                this.setState({
                    isLoaded: true,
                    items: json,
                })
            })
        };

1 个答案:

答案 0 :(得分:0)

我认为这是您使用的API的服务器端问题。确保该选项请求具有正确的Access-Control标头,并且可以接受您的请求。