解决core3.0跨域请求问题：【Error: Network Error at createError (createError.js?2d83:16)】前后端分离Vue的使用

最新推荐文章于 2024-08-20 17:20:58 发布

Shelly~

最新推荐文章于 2024-08-20 17:20:58 发布

阅读量1.6w

点赞数 6

分类专栏： HTTP 前端 ASP.net core 文章标签： vue c# 跨域请求 .net core axios

本文链接：https://blog.csdn.net/weixin_40359716/article/details/109528204

版权

问题描述

最近试着用vue+axios来搭建前端，实现前后端分离，后端采用asp.net coe mvc 架构，在前端axios调用后端接口时，出现了跨域请求的错误问题，经过一番查找，最终成功实现了跨域请求，迈出了前后端分离的第一步。跨域问题浏览器报错的日志如下：

Error: Network Error
at createError (createError.js?2d83:16)
at XMLHttpRequest.handleError (xhr.js?b50d:84)

刚开始在后端加入了断点，前端运行后，是可以走到后端接口中的断点里，前端的参数也可以传到后端中，所以我总觉得不是后端的问题，但是后来试了很多方法后，还是同样的报错信息，我尝试着在后端中加入解决跨域请求的配置后，问题就没有了，前端成功调用后端接口，实现了跨域请求。
因此记录一下在asp.net core3.0中如何实现跨域请求的问题。
我遇到的基本情况就是这样。废话不多说，下面记录了如何解决core3.0的跨域请求配置。

解决方法

在Startup.cs中的ConfigureServices中加入以下代码：

     public void ConfigureServices(IServiceCollection services)
     {
   
         //在configservices中增加注册以下服务
         //配置跨域处理   可以多配置Policy，应对不同的访问域
         //以下代码是往自己项目中添加的内容
         services.AddCors(options =>
         {
   
             options.AddPolicy