AngularJS Error: Cross origin requests are only supported for protocol schemes: http, data, chrome-extension, https

by

This error is happening because you are just opening html documents directly from the browser. To fix this you will need to serve your code from a webserver and access it on localhost. If you have Apache setup, use it to serve your files. Some IDE’s have built in web servers, like JetBrains IDE’s, Eclipse…

If you have Node.Js setup then you can use http-server. Just run npm install http-server -g and you will be able to use it in terminal like http-server C:\location\to\app.

More Related Contents:

  1. AngularJS: No “Access-Control-Allow-Origin” header is present on the requested resource [duplicate]
  2. Why does my http://localhost CORS origin not work?
  3. Can one AngularJS controller call another?
  4. How to pass parameters using ui-sref in ui-router to controller
  5. How to set an iframe src attribute from a variable in AngularJS
  6. Losing scope when using ng-include
  7. AngularJS – Value attribute on an input text box is ignored when there is a ng-model used?
  8. How to pass parameters using ui-sref in ui-router to the controller
  9. What is the correct syntax of ng-include?
  10. Ternary operator in AngularJS templates
  11. angularjs to output plain text instead of html
  12. AngularJS – ng-disabled not working for Anchor tag
  13. Set active tab style with AngularJS
  14. AngularJS: Better way to watch for height change
  15. How to remove an item from an array in AngularJS scope?
  16. CSS: Change parent on focus of child
  17. Get HTML code using JavaScript with a URL
  18. Angularjs does not load scripts within ng-view
  19. In AngularJS, any inline javascript code that included in HTML templates doesn’t work
  20. AngularJS – placeholder for empty result from filter
  21. Remove ‘All Files’ option from HTML file input
  22. angularjs custom filter to check for values inside a data array
  23. Webstorm: “Cannot Resolve Directory”
  24. AngularJS using $rootScope as a data store
  25. AngularJs – Best-Practices on adding an active class on click (ng-repeat)
  26. Why cookies and set-cookie headers can’t be set while making xmlhttprequest using setRequestHeader?
  27. Clear localStorage on tab/browser close but not on refresh
  28. Rename Object Key in an array using javascript
  29. multiple ui-view html files in ui-router
  30. Decode HTML entity in Angular JS

Leave a Comment