快速解決AngularJS 中的 Cross origin requests are only supported for HTTP
寫directive時在chrome上碰到了這個問題,寫出解決方法供參考。
如果你的directive中引用過外部的html檔案,像這樣 templateUrl = './views/template.html'. 那麼當你直接在本地開啟你的html文件, file:///C:/xampp/htdocs/IsolateScope/nodepad.html , chrome就會告訴你這個錯誤。
先說解決方法吧,既然這個錯誤的原因是由於本地開啟html文件,那麼我們把這個文件放在HTTP伺服器上不就好了。那麼是不是又要去谷歌一下怎麼安裝Apache,安裝後怎麼配置呢?
既然要快速解決這個問題,那麼我們就得用快一點的安裝辦法,所以就直接安裝XAMPP吧。
現在APACHE就安裝好了。
然後將你的AngularJS應用放入APACHE上就可以了。放在哪裡呢?
你可以在XAMPP的安裝路徑下找到一個HTDOCS資料夾。就是這裡了。
那麼chrome上為什麼會發生這個錯誤呢?
具體原因請參考這裡。簡單說來,就是在我們的應用裡,任何時候都不能通過file:///這種方式去獲取資源,必須通過http://. 這樣可以增加我們應用的安全性。
相關推薦
快速解決AngularJS 中的 Cross origin requests are only supported for HTTP
寫directive時在chrome上碰到了這個問題,寫出解決方法供參考。 如果你的directive中引用過外部的html檔案,像這樣 templateUrl = './views/template.html'. 那麼當你直接在本地開啟你的html文件, file://
XMLHttpRequest cannot load file. Cross origin requests are only supported for HTTP angularjs
最近在做angularjs 的小小demo的時候遇到了下面的問題 XMLHttpRequest cannot load file:///F:/Yammy/app/views/restaurants.html. Cross origin requests are only s
Ajax本地跨域問題 Cross origin requests are only supported for HTTP(針對jQuery基礎教程第四版第六章)
成功 origin port com img 步驟 -s 出現 req 出現的問題: 解決的步驟: 谷歌瀏覽器出現的效果: 針對jQuery基礎教程(第四版),第六章 成功: Ajax本地跨域問題 Cross origin re
Cross origin requests are only supported for HTTP
跨域;Ajax請求本地文件 JavaScript 問題:通過Ajax請求本地文件,跨域報錯。Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, http
Ajax本地跨域問題 Cross origin requests are only supported for HTTP
1.問題:開啟本地html檔案時,報錯如下 Cross origin requests are only supported for protocol schemes: http, data,chro
本地數據訪問時出現跨域問題Cross origin requests are only supported for protocol schemes: ……
sta chrom 問題 跨域 OS alt 快捷方式 req mfile 從桌面找到Chrome圖標,右鍵屬性,快捷方式,起始位置(安裝路徑) 註:在cmd中訪問Program Files文件的方法 %ProgramFiles%=C:\Program Files
Cross origin requests are only supported for protocol schemes: http, data, chrome
1. 使用jquery的load方法載入本地檔案,使用chrome瀏覽器,報錯如下圖: 2. 找到chrome.exe檔案所在的目錄,我的chrome安裝在C盤:C:\Program Files (x86)\Google\Chrome\Application,進入這個目錄後,執行(在執行這
Cross origin requests are only supported for protocol schemes: http, data, chrom
在Android 4.2以後webView載入本地的html。如果是通過file的方式訪問,就會報如下的錯誤 zepto.js:1533 Failed to load file:///storage/emulated/0/Android/data/com.xx.xx.android/
Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension,
使用vue讀取json檔案時報錯: 跨域請求僅支援協議:http, data, chrome, chrome-extension, https, chrome-extension-resource 因為我使用的 sublime Text編譯器預設是沒有 配置http伺服
Cross origin requests are only supported for protocol schemes: http, data, chrome,chrome-extension的問題
pytho toc 方式 分享圖片 key fill tex wid request Cross origin requests are only supported for protocol schemes: http, data, chrome,chrome-exten
Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension
使用javaScript指令碼載入本地的檔案在chrome瀏覽器中出現如下錯誤:jquery-1.12.0.min.js:4 XMLHttpRequest cannot load file:///E:/datatable/demo1/arrays.txt?_=146089
XMLHttpRequest cannot load file:///xx.Cross origin requests are only supported for protocol schemes.
正在學習JavaScript,學到XMLHttpRequest物件出了問題。 模仿這個 點選開啟連結 練習的時候,用chrome瀏覽器除錯,總是報錯: XMLHttpRequest cannot load file:///C:/Users/Sheila/Documents
android webview訪問html報Cross origin requests are only supported for protocol schemes: http, data, ch
Android webview直接打包angular專案的html(file:///android_asset/www/assets/index.html),訪問時報 Cross origin requests are only supported for protocol
Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension
報錯資訊:jquery.js:5785 XMLHttpRequest cannot load file:///C:/Users/alex/Desktop/testFIleUpload/rotate/j
chrome非同步載入本地json檔案報錯:cross origin request are only supported for HTTP
定義了一個data.json檔案儲存學生相關資訊,在index.html中想通過$.getJSON("data.json" , function(data){...})方法獲取並顯示json檔案中的內容。 結果執行後chrome報錯如下:Cross origin reque
快速解決flutter中package包版本衝突問題
當你的專案需要安裝的依賴包越多,遇到包衝突可能性就越大,尤其是當依賴的包有重大更新時。比如下圖: 上面可以看到是xml跟intl_translation兩個包有衝突,因為他們依賴兩個不同的petitparser包。開啟pubspec .yaml看到: 可能解決辦法是去 p
解決AngularJS中ng-repeat不更新檢視的問題
最近寫AngularJS專案中,遇到一個問題,先對陣列進行賦值,ng--repeat正常工作,然後對陣列進行修改,ng-repeat似乎沒有工作,檢視沒有更新。 原因是ng-repeat會已預設值排序,由於我的陣列中的元素有重複,所以ng-repeat沒有對重複的元素進行
關於JSON(跨域):XMLHttpRequest cannot load file:///E:/static/cartData.json. Cross origin requests..
關於JSON的問題:XMLHttpRequest cannot load file:///E:/static/cartData.json. Cross origin requests are ...
解決angularjs中同步執行http請求
self.tableParams = new NgTableParams({}, { getData: function (params) { $http.post("rest
解決springmvc中使用redirect跳轉後https變為http
spa class src set dir edi 兼容 setview 圖片 方法一:配置文件修改ViewResolver的 redirectHttp10Compatible 屬性,這個屬性是為了兼容 http1.0協議。 <bean id="viewResol