Axios捕获错误仅显示网络错误,而不是来自服务器的消息

时间:2019-05-15 15:45:55

标签: vue.js axios

我是JavaScript的新手,正在尝试使用Vuejs并使用.NET WebAPI作为后端来构建SPA项目。

当我使用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

  

CORS策略已阻止从来源“ http://blablabla”访问“ http://localhost:8080”处的XMLHttpRequest:请求的资源上没有“ Access-Control-Allow-Origin”标头。

     

错误:网络错误
      在createError(createError.js:16)
      在XMLHttpRequest.handleError(xhr.js:87)

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

我在线搜索,并尝试了error.reponse,但始终未定义。

问题出在哪里?

这是WebAPI中启用CORS的代码

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

0 个答案:

没有答案