javascript – CORS-Header fehlt in der GET-Anfrage „Access-Control-Allow-Origin' des Abrufs

Question

Wenn der Server auf die Fetch-GET-Anfrage antwortet, muss dann der Parameter „Access-Control-Allow-Origin“ im Antwortheader festgelegt werden?

Dies ist die API von Yiban, nicht mein Server

Kein Problem bei Anfragen im Browser

Ich habe mehrere Informationen überprüft und festgestellt, dass sie keinen Nutzen hatten

Dies ist der Code für meine Get-Anfrage

function request_get(url) {
    return fetch(url, {
        credentials: 'include',
    }).then(function(response) {
        return response.json()
    })
}

Answer 1

该问题是由浏览器的同源策略导致，解决方案也有若干种：

1. JSONP

2. CORS

3. 使用Nginx或者Express静态资源服务器进行网络proxy配置，模拟本地与远程为同源来进行数据拉取

Answer 2

这说明你所请求的 API 与你的页面并不在同一个域下，如果该 API 没有设置 Access-Control-Allow-Origin 字段，那么说明它并非一个支持跨域访问的 API 接口。页面编写 Fetch 逻辑时，不论请求头如何定制，也会被浏览器拦截（fetch 前，浏览器会发起一个 preflight 的 OPTIONS 请求，根据响应的头字段，判断是否允许 fetch。这时是浏览器判断出 API 不支持跨域，故而出于安全考虑拦截了请求）。