Angular - 只有協議方案才支持跨源請求 - 需要解決方法才能在本地運行$ http

已經歷了許多論壇，即使在用於解決錯誤的解決方案的stackoverflow中：XMLHttpRequest無法加載file：/// .. ..交叉原點請求僅支持協議方案：http，data，chrome，chrome-extension，https，chrome-extension-resource。

雖然也有像如何使用Node.js，應用程序和開源解決方案需要一個HTTP服務器被託管，我需要一個解決方法，這樣我可以測試我在$ HTTP GET（）地方。

我也嘗試過，從開始鉻 - 允許文件訪問從文件 - 禁用網絡安全，但沒有運氣。

那麼，任何人可以幫助我在本地運行我的$ http get（）沒有服務器？還是強制去服務器？

以下是我的代碼。

app.factory('jsonFactory', function($http) { 
var obj = {}; 
$http.get("response.json").then(function (response) { 
    obj = response.data; 
}); 
return { 
    get: function() { 
     return obj; 
    } 
};});

來源

2016-07-05 Suresh PMS

只需安裝服務器即可。這解決了所有*開發沒有一個，然後部署到一個所導致的問題。 – Quentin

@昆汀：你說的對！但是，我有一個要求，我不應該使用服務器。 –

嘗試用純JavaScript filereader

function readSingleFile(e) { 
 
    var file = e.target.files[0]; 
 
    if (!file) { 
 
    return; 
 
    } 
 
    var reader = new FileReader(); 
 
    reader.onload = function(e) { 
 
    var contents = e.target.result; 
 
    displayContents(contents); 
 
    }; 
 
    reader.readAsText(file); 
 
} 
 

 
function displayContents(contents) { 
 
    var element = document.getElementById('file-content'); 
 
    element.innerHTML = contents; 
 
} 
 

 
document.getElementById('file-input') 
 
    .addEventListener('change', readSingleFile, false);

<input type="file" id="file-input" /> 
 
<h3>Contents of the file:</h3> 
 
<pre id="file-content"></pre>

看到片斷@How to open a local disk file with Javascript?。

知道它在角度應用程序中看起來很糟糕。沒有項目經理會執行這樣的要求。

來源

2016-07-05 11:15:44 gyc

儘管這個鏈接可能回答這個問題，但最好在這裏包含答案的重要部分，並提供供參考的鏈接。如果鏈接頁面更改，則僅鏈接答案可能會失效。 - [來自評論]（/ review/low-quality-posts/12909168） –

@JonathanArgentiero，我在回答中添加了片段，但因爲回答問題而被反覆降低不會促使我回答更多問題或者甚至保留這個答案現場。我寧願讓問題沒有答案... – gyc

@gyc，無論如何，你的答案提供了一個解決方案。 Wee，我會解析Json的「內容」並將其綁定到視圖上。謝謝！有動力！ :-) –

Angular - 只有協議方案才支持跨源請求 - 需要解決方法才能在本地運行$ http

回答

相關問題