捕获完整的提取错误[重复]

Question

我有一个获取请求：

fetch(url, {

}.then(function(resp))
    // do something
}.catch(err => {
    console.log(err);
}

我的问题涉及获取err 的整个堆栈跟踪。例如，这里是真正的错误信息：

Access to fetch at 'https://www.google.com/' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

太好了。这是一个有用的消息。但是，console.log(err) 会打印出TypeError: Failed to fetch。这是一个非常无用的错误消息。有什么方法可以捕获记录在控制台中的整个消息（即var message = //the full error？err.stack 似乎不是一个函数，err.message 返回同样无用的Failed to fetch 消息

Answer 1

一般情况下，在使用fetch 时，您希望使用response.ok 属性，这起初有点令人困惑。 This 是一篇非常好的文章，它包含了这个或多或少你想做的例子：

fetch("http://httpstat.us/500")
    .then(function(response) {
        if (!response.ok) {
            throw Error(response.statusText);
        }
        return response;
    }).then(function(response) {
        console.log("ok");
    }).catch(function(error) {
        console.log(error);
    });

也就是说，如果您最终遇到 CORS 错误，您仍然会收到 TypeError: Failed to fetch，因为他们没有给您一个很好的错误代码（例如 404），他们只是取消了 HTTP 请求