ASP .NET Core 2 API 路由到 GET 方法，然后在第一次请求时 POST 方法

Question

我注意到，在我重新启动我的 ASP .NET API 并发送一个 POST 请求后，API 路由到 GET 请求方法，然后是我的 POST 请求方法。这只发生在我重新启动 API 后的第一个 POST 请求上。在此之后的每个 POST 请求都直接路由到我的 POST 方法，而不处理 GET 请求方法。下面是我的 API 中的类方法。

[Route("api/[controller]")]
[ApiController]
public class ValuesController : ControllerBase
{

    //public class variable 
    private readonly fujimiContext _context;
    //constructor for ValuesController class
    public ValuesController(fujimiContext context)
    {
        _context = context;

    }
    // GET api/values
    // [Authorize(Policy = "RequireReadRole")]
    [HttpGet("bins")]
    public async Task<IActionResult> GetValues()
    {
       var values = await _context.FcbinCnfg.ToListAsync();

        return Ok(values);
    }

    // POST api/values
   // [Authorize(Policy = "RequireEditRole")]
    [HttpPost("sitepost")]
    public async Task<IActionResult> Post([FromBody] FcbinCnfg [] fcbincnfg)
    {
        if (fcbincnfg == null)
        {
            throw new ArgumentNullException(nameof(fcbincnfg));
        }

        string WindUser = System.Security.Principal.WindowsIdentity.GetCurrent().Name;
        string AppName = System.AppDomain.CurrentDomain.FriendlyName;


        if (ModelState.IsValid)
        {
            int i = 0;
            foreach (var obj in fcbincnfg){

                _context.Update(fcbincnfg[i]);
                i++;
            }
            await _context.SaveChangesAsync();
            return StatusCode(201);
        }

        return BadRequest("this does not work");
    }

Startup.cs 文件

namespace FcBin.API
 {
 public class Startup
  {
 public Startup(IConfiguration configuration)
    {
        Configuration = configuration;
    }

    public IConfiguration Configuration { get; }

    // This method gets called by the runtime. Use this method to add services to the container.
    public void ConfigureServices(IServiceCollection services)
    {
        services.AddMvc().SetCompatibilityVersion(CompatibilityVersion.Version_2_1);
        var connection = @"Server=XXXXX\XXXX;Database=XXXXX;Trusted_Connection=True;";
        services.AddDbContext<fujimiContext>(options => options.UseSqlServer(connection));
        services.AddCors();

        services.AddAuthentication(IISDefaults.AuthenticationScheme);

        services.Configure<IISOptions>(options =>
       {
           options.AutomaticAuthentication = true;       
       });

    }

    // This method gets called by the runtime. Use this method to configure the HTTP request pipeline.
    public void Configure(IApplicationBuilder app, IHostingEnvironment env)
    {
        if (env.IsDevelopment())
        {
            app.UseDeveloperExceptionPage();
        }
        else
        {
            // app.UseHsts();
        }

        app.UseCors(x => x.AllowAnyOrigin().AllowAnyHeader().AllowAnyMethod().AllowCredentials());
        app.UseMvc();
    }
}
}

角度路线

import { Routes} from '@angular/router';
import { BinConfigComponent } from './BinConfig/BinConfig.component';
import { BinResolver } from './_resolver/bin.resolver';


export const appRoutes: Routes = [
  {path: 'binconfig'
  , component: BinConfigComponent
  , resolve: {binconfig: BinResolver}, runGuardsAndResolvers: 'always'},
  {path: '', redirectTo: 'binconfig', pathMatch: 'full',   runGuardsAndResolvers: 'always'}
];

Answer 1

所以这个问题与我的路由或 API 无关。问题在于我的 Angular 前端中的 save() 函数。当实际上浏览器/客户端从效率的角度接近我的功能时，我将功能作为一个顺序问题来处理。以下是浏览器尝试优化的内容

save() {
if (this.dirtyFlag) {
this.dbService.dbsave(this.binconfig).subscribe( () => {
}, error => {
  console.log(error);
});
}
if (this.isFoo && this.valid) {
  this.dbService.dbsavebin(this.newbin).subscribe( error => {
    console.log(error);
   });
} else if (!this.valid && this.isFoo) {
  this.toastr.warning('Enter a Bin Id');
}
 this.router.navigate(['/binconfig']);
}

在这里，我有一个路由解析器重新加载我在保存后触发的页面。在此保存结束时跟踪路由将导致浏览器尝试优化 save() 函数和路由解析器中的 POST / GET 方法。我解决了这个问题，而是在成功保存后使用箭头功能执行路由器导航。

save() {
if (this.dirtyFlag) {
this.dbService.dbsave(this.binconfig).subscribe( () => {
}, error => {
  console.log(error);
}, () => {
  this.router.navigate(['/binconfig']);
  this.toastr.success('Changes Saved');
  this.dirtyFlag = false;
});
}
if (this.isFoo && this.valid) {
  this.dbService.dbsavebin(this.newbin).subscribe( () => {
    this.router.navigate(['/binconfig']);
    this.toastr.success('New Bin Added');
    this.isFoo = false;
  }, error => {
    console.log(error);
  });
} else if (!this.valid && this.isFoo) {
  this.toastr.warning('Enter a Bin Id');
}

}