Vue.js Axios catch error仅显示网络错误，而不显示来自服务器的消息

我是JavaScript新手，尝试使用Vuejs构建SPA项目，并使用.NETWebAPI作为后端

当我使用Axios向WebAPI发送请求时，如果服务器端出现错误，在catch中，我只得到“error:NetWork error”，但在Fiddler中，我可以看到服务器返回的真实消息：例如：406“version not allowed blab”

axios.get("My_WebAPI_IURL")  
    .then(response => {
        console.log(response);
    })
    .catch(error => {
        console.log(error);
        return Promise.reject(error)
    })

同样在控制台中，还有一条CORS错误消息

CORS策略已阻止从源“”访问“”处的XMLHttpRequest:请求的资源上不存在“访问控制允许源”标头

错误：网络错误
在createError（createError.js:16）
位于XMLHttpRequest.handleError（xhr.js:87）

但是我已经在WebAPI上配置了允许CORS，通常所有端点都能正常工作，我只有在服务器返回错误响应时才会收到这个CORS错误消息

我在网上搜索，并尝试了error.response，但它始终是未定义的

问题在哪里

这是WebAPI中启用CORS的代码

var cors = new EnableCorsAttribute("*", "*", "*");
config.EnableCors();