因為要把一個頁面放上github pages 赖歌,但是ajax跨域請求會報錯。所以要加載本地json文件功茴。
但是我在網上搜的如下兩個辦法都不管用
- 直接把url換成本地文件路徑庐冯,
url: './js/mock.json',
2 .$.getJSON("./js/mock.json",function(data){…});
會報如下錯誤:
XMLHttpRequest cannot load file:///Users/yzy/github/news-list/js/mock.json. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.
以上錯誤提示是由于AJAX方法涉及到 跨域
的問題導致!
由于沒有在服務器環(huán)境里運行含有ajax方法的頁面坎穿,而是直接通過瀏覽器打開(類似file:///的訪問形式帆喇,即file協(xié)議)
本地頁面ajax()請求本地頁面话速,須通過服務器環(huán)境運行
,類似這樣:
http://localhost:63342/news-list/index.html?_ijt=r4oc2kbn4dnemosa8u77ervm07
PS. xx.json
文件的路徑是相對于index.html
的姓蜂,而不是js文件鲁豪。