Angular - Cross Ursprungsanforderungen werden nur für Protokollschemas unterstützt - benötigen eine Workaround zum Ausführen von $ http in lokalen

Question

hatte viele Foren durchlaufen, auch in Stackoverflow für eine Problemumgehung für den Fehler: XMLHttpRequest kann Datei nicht laden: /// .. .. Cross-Ursprungsanforderungen werden nur für Protokollschemata unterstützt: http, data, chrome, chrome-extension, https, chrome-extension-resource.

Zwar gibt es Lösungen, wie mit Node.js, App und Quelle muss in einem HTTP-Server gehostet werden, muss ich eine Abhilfe, so dass ich meine $ http get() in lokalen testen konnte.

Ich habe auch versucht, beginnend mit Chrome --allow-Datei-Zugriff-von-Dateien --disable-web-Sicherheit, aber kein Glück.

Also, kann mir jemand helfen, meine $ http Get() in lokalen ohne Server? Oder ist es zwingend erforderlich für einen Server zu gehen?

Unten ist mein Code.

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

Answer 1

mit einem reinen Javascript Versuchen 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>

Snippet @How to open a local disk file with Javascript? sehen.

Wissen, dass es in einer eckigen App schrecklich aussieht. Kein Projektmanager würde diese Anforderung durchsetzen.