Ошибка Axios catch показывает только сетевую ошибку вместо сообщения от сервера

Question

Я новичок в JavaScript и пытаюсь построить проект SPA с Vuejs и использовать .NET WebAPI в качестве бэкэнда.

Когда я использую Axios для отправки запроса в WebAPI, если вна стороне сервера, в подвохе, я получаю только «Ошибка: ошибка NetWork», но в Fiddler я вижу реальное сообщение, возвращаемое с сервера: например: 406 «версия не разрешена, blablab».

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

Также в консоли есть сообщение об ошибке CORS

Доступ к XMLHttpRequest в 'http://blablabla' из источника' http://localhost:8080' заблокирован политикой CORS: Нет 'ДоступЗаголовок -Control-Allow-Origin 'присутствует в запрашиваемом ресурсе.

Ошибка: ошибка сети
при createError (createError.js: 16)
в XMLHttpRequest.handleError (xhr.js: 87))

Но я уже настроил на WebAPI разрешение CORS, обычно все конечные точки работают правильно, это сообщение об ошибке CORS появляется только тогда, когда сервер возвращает ответ об ошибке.

Я искал в Интернете и пробовал error.repoно это всегда не определено.

В чем проблема?

Это код в WebAPI для включения CORS

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