.Net Core With Separate Angular Front End Application

.Net Core With Separate Angular Front End Application

Posted by: emaibach on 20 August 2020, 6:17 pm EST

• 

  emaibach

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 20 August 2020, 6:17 pm EST

  I am trying to implement a .Net Core Web API project to host the ActiveReports, and then a separate (not hosted by the Web API project) Angular application for the UI, using the JSViewer. What I am trying to accomplish is very similar to the JSViewer_Angular(Core), except I will not be using the .Net Core Web API project to host my Angular app.

  I have not been able to get it to work, the JSViewer call in the browser to get the report info fails. Could you please help me figure out what I am doing wrong.

  I have attached my Web API Core and Angular projects. You will probably need to change the port number in the Angular application to whatever you the Web API application uses on your computer.

  AngularApp.zipWebAPICore.zip

• 

  mohitg

  

  • Post Options:
  • Link
    Copy

  Posted 21 August 2020, 3:53 am EST

  Hello,

  Please replace the cors code with the following line of code:
  
  app.UseCors(
  
  options =>
  
  {
  
  options.WithOrigins(“http://localhost:4200”).AllowAnyHeader();
  
  options.WithOrigins(“http://localhost:4200”).AllowAnyOrigin();
  
  options.WithOrigins(“http://localhost:4200”).AllowCredentials();
  
  options.WithOrigins(“http://localhost:4200”).AllowAnyMethod();
  
  });

  Thanks,
  
  Mohit

• 

  emaibach

  • Post Options:
  • Link
    Copy

  Posted 24 August 2020, 9:23 am EST

  That fixed it, thank you.