响应状态 = 0 使用 fetch polyfill 模式：'no-cors'

Posted 2023-02-27

技术标签:

【中文标题】响应状态 = 0 使用 fetch polyfill 模式：\'no-cors\'【英文标题】：Response status = 0 using fetch polyfill with mode: 'no-cors'响应状态 = 0 使用 fetch polyfill 模式：'no-cors' 【发布时间】：2015-12-26 13:49:39 【问题描述】：

我正在使用带有“no-cors”模式的fetch polyfill 并获得响应状态 0。在开发人员工具中，我可以看到响应包含请求的数据。

客户端代码：

const BASE_CONFIG = 
    credentials: 'include',
    mode: 'no-cors'
;

let checkStatus = (response) => 
    if (response.status >= 200 && response.status < 300) 
        return response;
     else 
        var error = new Error(response.statusText);
        error.response = response;
        throw error;
    
;

function GET(url, urlParams=, config=) 
    let requestConfig = 
        method: 'get'
    ;
  
    Object.assign(requestConfig, BASE_CONFIG, config);
    return fetch(url, requestConfig)
            .then(checkStatus)
            .then(parseJSON);


GET('http://other.domain,)

Beckend nodejs (Express.js) 简化响应处理程序：

function getData(req, res) 
    var responseData = data: 'test';
    res.header("Access-Control-Allow-Origin", "*");
    res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
    res.writeHead(200, "Content-Type": "application/json");
    return res.end(JSON.stringify(responseData));

知道我做错了什么吗？谢谢！

【问题讨论】：

如果要阅读响应正文，不能使用no-cors。 【参考方案1】：

no-cors模式只针对CDN内容，如脚本、CSS、图片，不能用于获取数据，response.status = 0是正确的行为

【讨论】：

【参考方案2】：

我不知道你是否使用 file: 协议，但在这种情况下你可以得到响应状态 0。