作者:英萍维玟9856 | 来源:互联网 | 2024-11-04 14:26
今天在学习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