用vscode .net5 vue3解決跨域問題

參考一下官方文檔：https://docs.microsoft.com/zh-cn/aspnet/core/security/cors?view=aspnetcore-5.0#attr

先在vscode里ctrl+shift+p，填入Nuget Package Manager:Add Package

輸入 Microsoft.AspNetCore.Cors 確定，選擇版本確定。

然后在controllers文件中

using Microsoft.AspNetCore.Cors;

在startup.cs中加入如下代碼：

 public void ConfigureServices(IServiceCollection services)
    {
      //cors跨域設置
      services.AddCors(options =>
      {
        options.AddPolicy("policy",
        builder =>
        {
          builder.WithOrigins("http://localhost:8080/");
        });
      });
}

public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
    {

      app.UseHttpsRedirection();

      app.UseRouting();

      app.UseCors();

      app.UseAuthorization();
}

注意app.UseCors放在app.UseRouting之后，否則會報錯。

然后在controllers方法前加入[EnableCors("policy")]，注意policy是剛才自己定義的。

    [HttpPost]
    [EnableCors("policy")]
    public List<Users> Login()
    {
      return _db.Set<Users>().ToList();
    }