I get “Http failure response for (unknown url): 0 Unknown Error” instead of actual error message in Angular

The problem was related to CORS. I noticed that there was another error in Chrome console:

No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://localhost:4200‘ is therefore not allowed access. The response had HTTP status code 422.`

This means the response from backend server was missing Access-Control-Allow-Origin header even though backend nginx was configured to add those headers to the responses with add_header directive.

However, this directive only adds headers when response code is 20X or 30X. On error responses the headers were missing. I needed to use always parameter to make sure header is added regardless of the response code:

add_header 'Access-Control-Allow-Origin' 'http://localhost:4200' always;

Once the backend was correctly configured I could access actual error message in Angular code.

Related Posts:

  1. Angular File Upload
  2. node_modules/rxjs/internal/types.d.ts(81,44): error TS1005: ‘;’ expected error after installation of Angular 6
  3. TypeScript-‘s Angular Framework Error – “There is no directive with exportAs set to ngForm”
  4. Repository is not clean. Please commit or stash any changes before updating In Angular 8
  5. Repository is not clean. Please commit or stash any changes before updating In Angular 8
  6. Angular 2 : No NgModule metadata found
  7. Angular2 – Http POST request parameters
  8. Can’t bind to ‘ngModel’ since it isn’t a known property of ‘input’
  9. Can’t bind to ‘ngModel’ since it isn’t a known property of ‘input’
  10. Difference between Constructor and ngOnInit
  11. Can’t bind to ‘formGroup’ since it isn’t a known property of ‘form’
  12. What is the Record type in typescript?
  13. How can I define an array of objects?
  14. How to convert a string to number in TypeScript?
  15. How can I define an array of objects?
  16. How to convert a string to number in TypeScript?
  17. Could not find a declaration file for module ‘module-name’. ‘/path/to/module-name.js’ implicitly has an ‘any’ type
  18. Interfaces vs Types in TypeScript
  19. Failed to load resource: net::ERR_CONNECTION_REFUSED : Nodejs
  20. What is the question mark for in a Typescript parameter name
  21. Angular: mat-form-field must contain a MatFormFieldControl
  22. (change) vs (ngModelChange) in angular
  23. Unable to resolve dependency tree error when installing npm packages
  24. Typescript interface default values
  25. Angular ForEach in Angular4/Typescript?
  26. TypeScript: Cannot read property ‘push’ of undefined in [null]
  27. Angular4 – No value accessor for form control
  28. Understanding esModuleInterop in tsconfig file
  29. Why do i need `typings.json` file in an Angular 2 project?
  30. npm WARN … requires a peer of … but none is installed. You must install peer dependencies yourself
  31. document.getElementById replacement in angular4 / typescript?
  32. What is ViewChild in Angular2?
  33. TS1086: An accessor cannot be declared in ambient context
  34. error TS2339: Property ‘x’ does not exist on type ‘Y’
  35. TypeScript hashmap/dictionary interface
  36. How to use jQuery with TypeScript
  37. Angular2 Error: There is no directive with “exportAs” set to “ngForm”
  38. TypeScript sorting an array
  39. ‘router-outlet’ is not a known element
  40. Error when trying to inject a service into an angular component “EXCEPTION: Can’t resolve all parameters for component”, why?
  41. Typescript Date Type?
  42. No provider for HttpClient
  43. Constructor overload in TypeScript
  44. How to implement sleep function in TypeScript?
  45. How to update TypeScript to latest version with npm?
  46. Angular 2 Checkbox Two Way Data Binding
  47. Implement session storage in an Angular 8 application
  48. Is key-value pair available in Typescript?
  49. Can’t bind to ‘routerLink’ since it isn’t a known property
  50. How to use bootstrap 4 in angular 2?
  51. cannot redeclare block scoped variable (typescript)
  52. Angular 4 setTimeout() with variable delay and wait
  53. Why do i need `typings.json` file in an Angular 2 project?
  54. How do I initialize a TypeScript Object with a JSON-Object?
  55. ‘tsc command not found’ in compiling typescript
  56. What return type should be used for setTimeout in TypeScript?
  57. How do I download a file with Angular2 or greater
  58. TS cannot find modules
  59. Angular 2 Sort table columns
  60. Module has no exported member error in angular module
  61. How do I install Angular 2 using NPM?
  62. How to apply filters to *ngFor?
  63. Select default option value from typescript angular 6
  64. Cast object to interface in TypeScript
  65. Can not find module “@angular-devkit/build-angular”
  66. How to define type for a function callback (as any function type, not universal any) used in a method parameter
  67. ExpressionChangedAfterItHasBeenCheckedError Explained
  68. Angular 10 – can’t bind to ‘formGroup’ since it isn’t a known property of ‘form’
  69. How to use *ngIf else?
  70. ngFor with index as value in attribute
  71. How to upgrade Angular CLI to the latest version
  72. TypeScript React.FC confusion
  73. What is an unhandled promise rejection?
  74. forbidden 403 on image URLS
  75. BehaviorSubject vs Observable?
  76. Angular map. What is it?
  77. VSCode cannot find module ‘@angular/core’ or any other modules
  78. The difference between “require(x)” and “import x”
  79. In Typescript, what is the ! (exclamation mark / bang) operator when dereferencing a member?
  80. RegExp in TypeScript
  81. Angular: conditional class with *ngClass
  82. Where to place/find the systemjs.config.js file in an angularJS2 project?
  83. Property ‘map’ does not exist on type ‘Observable‘
  84. String.Format not work in TypeScript
  85. Binding select element to object in Angular
  86. Can’t perform a React state update on an unmounted component
  87. Angular EXCEPTION: No provider for Http
  88. File Upload In Angular?
  89. Cannot find module ‘@angular/compiler’
  90. Local workspace file (‘angular.json’) could not be found. But same code works in another computer
  91. You have to be inside an angular-cli project in order to use the serve command
  92. What does the .subscribe() function do?
  93. Angular4 core.es5.js Uncaught reflect-metadata shim is required when using class decorators
  94. How to use date picker in Angular 2?
  95. How to use jQuery with Angular?
  96. typescript – cloning object
  97. GET http://localhost:4200/null 404 (Not Found) in angular2 with angular-cli
  98. Angular design pattern: MVC, MVVM or MV*?
  99. Angular 2 multiple modules
  100. Electron – Not allowed to load local resource

Leave a Comment