отладка двух отдельных приложений, угловых и веб-API

Question

У меня есть два отдельных приложения, одно угловое, а другое в веб-API. У меня есть функция в angular, и эта функция, в свою очередь, вызывает метод в .net core. Можно ли отладить функцию в angular, а затем перенести отладчик в ядро ​​.net, чтобы мой угловой код был ниже: *

угловая функция:

onSubmit() {
  if (this.service.form.valid) {
    this.service.AddProjectDetails(this.service.form.value);
    this.service.form.reset();
    this.service.initializeFormGroup();
  }
}

  AddProjectDetails(project: AllItProject) {
    const httpOptions = { headers: new HttpHeaders({ 'Content-Type': 'application/json' }) };
    return this.http.post<AllItProject>(ROOT_URL + '/PostAllItProjectsList/',
    AllItProject, httpOptions);

}

и метод веб-API PostAllItProjectsListопределяется на стороне .net:

// POST: api / AllItProjectsLists

[HttpPost]
public async Task<ActionResult<AllItProjectsList>> PostAllItProjectsList(AllItProjectsList allItProjectsList)
{
    _context.AllItProjectsList.Add(allItProjectsList);
    await _context.SaveChangesAsync();

    return CreatedAtAction("GetAllItProjectsList", new { id = allItProjectsList.ProjectId }, allItProjectsList);
}

, когда я начинаю отладку машинописного текста. Отладчик переходит к этой строке:

return this.http.post<AllItProject>(ROOT_URL + '/PostAllItProjectsList/',

и затем не переносится в PostAllItProjectsList. Как я могу перенести отладчик в PostAllItProjectsList. Номер порта для угловой стороны - 4200, а номер порта для стороны веб-API -

https://localhost:44328/api/

Любая помощь будет принята с благодарностью.

Answer 1

Я думаю, что вы запрашиваете AngularCliServer в .netcore

Что вам нужно сделать:

Добавить пакет nuget для Microsoft.AspNetCore.SpaServices.Extensions.

А затем настройте в своем Startup.cs файл Angular Cli , например:

app.UseStaticFiles();
app.UseSpaStaticFiles();

app.UseMvc(routes =>
 {
    routes.MapRoute(name: "default",emplate: "{controller}/{action=Index}/{id?}");
            });

            app.UseSpa(spa =>
            {
                spa.Options.SourcePath = "ClientApp";

                if (env.IsDevelopment())
                {
                    spa.UseAngularCliServer(npmScript: "start");
                }
            });

Важно :

Чтобы узнать больше о возможностях обслуживания Angular SPA из ASP.NET Core, см. https://go.microsoft.com/fwlink/?linkid=864501

Это позволяет вам, если вы хотите работать под углом на отдельном порту или на том же порту, что и ваш.net core app.