从 Ionic 访问 ASP.NET Core WebApi 时出错

debugcn 发表于 Dev

法比安·克雷斯

从 Ionic 应用程序调用 ASP.NET Core WebAPI 时遇到一些问题。

我可以在开发人员工具中看到数据已正确加载，但是 Ionic 给了我一个错误：

来自离子的错误消息：

从api加载的数据：

在 api 中启用了 CORS：

 public class Startup
 {
    public void ConfigureServices(IServiceCollection services)
    {
        services.AddCors();   
        services.AddDbContext<TodoContext>(opt =>
            opt.UseInMemoryDatabase("TodoList"));
        services.AddMvc()
            .SetCompatibilityVersion(CompatibilityVersion.Version_2_1);
    }

    public void Configure(IApplicationBuilder app)
    {
        app.UseCors(builder => builder.WithOrigins("http://localhost"));
        app.UseMvc();
    }
}

我认为错误是由 Ionic 或 Angular 引起的。当我从公共 api 加载数据时，一切正常。我也尝试过使用 ssl 和不使用 ssl 访问 api。

当您有任何问题时，请随时在评论中问我。

编辑

这就是我调用api的方式：

@Injectable()
export class RestProvider {

apiUrl = 'https://localhost:5001/api';

constructor(public http: HttpClient) { }

getTodoItems() {
  return new Promise(resolve => {
    this.http.get(this.apiUrl + '/todo').subscribe(data => {
        resolve(data);
      }, err => {
        console.log(err);
      });
    });
  }
}

这是我的控制器：

[Route("api/[controller]")]
[ApiController]
public class TodoController : ControllerBase
{
    private readonly TodoContext _context;

    public TodoController(TodoContext context)
    {
        _context = context;

        if (_context.TodoItems.Count() == 0)
        {
            _context.TodoItems.Add(new TodoItem { Title = "Item1" });
            _context.TodoItems.Add(new TodoItem { Title = "Item2" }); 
            _context.SaveChanges();
        }
    }

    [HttpGet]
    public ActionResult<List<TodoItem>> GetAll()
    {
        return _context.TodoItems.ToList();
    }
}

法比安·克雷斯

通过添加端口号修复它：

public void Configure(IApplicationBuilder app)
{
    app.UseCors(builder => builder.WithOrigins("http://localhost:8100").AllowAnyMethod());
    app.UseMvc();
}

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。