No ‘Access-Control-Allow-Origin’ header in Angular 2 app

by

This a problem with the CORS configuration on the server. It is not clear what server are you using, but if you are using Node+express you can solve it with the following code

// Add headers
app.use(function (req, res, next) {

    // Website you wish to allow to connect
    res.setHeader('Access-Control-Allow-Origin', 'http://localhost:8888');

    // Request methods you wish to allow
    res.setHeader('Access-Control-Allow-Methods', 'GET, POST, OPTIONS, PUT, PATCH, DELETE');

    // Request headers you wish to allow
    res.setHeader('Access-Control-Allow-Headers', 'X-Requested-With,content-type');

    // Set to true if you need the website to include cookies in the requests sent
    // to the API (e.g. in case you use sessions)
    res.setHeader('Access-Control-Allow-Credentials', true);

    // Pass to next layer of middleware
    next();
});

that code was an answer of @jvandemo to a very similar question.

More Related Contents:

  1. How to bundle an Angular app for production
  2. How to create cross-domain request?
  3. How to add font-awesome to Angular 2 + CLI project
  4. How to decrease prod bundle size?
  5. angular-cli where is webpack.config.js file – new angular6 does not support ng eject
  6. Uncaught Error: Unexpected directive ‘MyComboBox’ imported by the module ‘AppModule’. Please add a @NgModule annotation
  7. How to undo Angular 2 Cli ng-eject?
  8. CORS issue with Google Oauth2 for server side webapps
  9. Angular 2 Basic Authentication not working
  10. How to make CORS-enabled HTTP requests in Angular 2?
  11. Update to Angular v6 – Module not found: Error: Can’t resolve ‘fs’
  12. Angular 2 : No NgModule metadata found
  13. Avoiding relative paths in Angular CLI
  14. Enabling CORS on Azure Active Directory
  15. Angular 4: “Cannot find name ‘require’
  16. Using Angular CLI and unable to use relative image paths in CSS files
  17. Access to XMLHttpRequest has been blocked origin ASP.NET CORE 2.2.0 / Angular 8 / signalr1.0.0 [(CORS Policy-Access-Control-Allow-Origin) failed]
  18. Response for preflight does not have HTTP ok status in angular
  19. CORS Error: “requests are only supported for protocol schemes: http…” etc
  20. How do I create a singleton service in Angular 2?
  21. How can i make a MatDialog draggable / Angular Material
  22. Angular 2 Routing run in new tab
  23. error NG6002: Appears in the NgModule.imports of AppModule, but could not be resolved to an NgModule class
  24. View is not updated on change in Angular2
  25. Parameter in to Animation Angular2
  26. Angular – two subscriptions in ngOnInit result in object ‘undefined’
  27. What is the difference between @Inject vs constructor injection as normal parameter in Angular 2?
  28. angular 6 warning for using formControlName and ngModel
  29. Angular 2 beta – Select not working (except in Chrome)
  30. CORS: PHP: Response to preflight request doesn’t pass. Am allowing origin

Leave a Comment