Merhabalar, bugün size AngularJS’de ng-include ile bir html dosyası include ettiğimzde ” XMLHttpRequest cannot load { dosyaadı }. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource. ” şeklinde hata alıyoruz. Biraz araştırmam sonucu Http-server pluginini kurduğumuz zaman düzeldiğini gördüm. Http-server pluginin aşağıdaki adımları izleyerek kurabilirsiniz.

Başlata tıklayıp CMD yazıp konsolumuzu açıyoruz, veya Windows tuşuna basılı tutup R tuşuna basıp gelen ekrana CMD yazarsanız da konsolu açabilirsiniz.

Konsolumuza aşağıdaki kodu yazıyoruz ve Global olarak Http-server kurulumunu yapıyoruz.

 npm install http-server -g

Daha sonra ise konsolda dizinimize gelip aşağıdaki kodu yazıyoruz.

http-server C:\location\to\app

Yukarıda ki kodu çalıştırdığımızda aşağıda ki gibi bir ekran gelecektir. Daha sonra 192.168.1.20:8080 yada 127.0.0.1:8080 adreslerine bağlandığımız da ng-include ile inlude etmiş olduğumuz sayfaların sorunsuz bir şekilde çalışmış olduğunu göreceğiz.

AngularJS http-server1

Http-server Github sayfası