Error Occuring while including html file using ng-include

Question

I got following error while including html file using ng-include.

XMLHttpRequest cannot load file:///home/algo/Dnyaneshwar/Angular/TestProject/views/header1.html. 
Cross origin requests are only supported for protocol schemes: 
http, data, chrome, chrome-extension, https, chrome-extension-resource.

This is a CORS issue. There's quite a lot of information out there on how to address it. — lintmouse, Oct 05 '15 at 14:44

score 5 · Accepted Answer · edited May 23 '17 at 11:54

Cause of Issue
This error is happening because you are just trying to open your html documents directly from the browser. Since you are using either file:// or C:/, thats why the error is saying that they are not http:// or https:// .
Don't try to run it through folder directly.

How to fix it
You need to access your code through a webserver and access it on localhost. If you have eclipse or apache setup, use it to access your files. Some IDE's like intellij,eclipse have built in web servers.

If you have node setup then Just run npm install http-server -g and you will be able to use it in terminal like http-server C:\path\to\app

Error Occuring while including html file using ng-include

1 Answers1

See Also