Cross-Ursprungs-Anfrage

Question

Ich möchte Image in Backed von Frontend hochladen .... Ich werde ngFileUploader Bower Component verwenden. Mein Frontend-Code ist:

function SampleController(SampleData,Upload,$http) { 
     var vm = this; 
     vm.uploadFiles = function(files, errFiles) { 
     Upload.upload({ 
     url: "localhost:5000/upload", //webAPI exposed to upload the file 
     data: { 
     file: files 
     } 
    }).then(function(resp) { 
     console.log(resp)}); 
    } 

und ich werde NGF-select in seine HTML-Datei hinzugefügt. Und es wird der Fehler angezeigt - XMLHttpRequest kann nicht laden localhost: 5000/upload. Cross-Ursprungsanforderungen werden nur für Protokollschemas unterstützt: http, data, chrome, chrome-extension, https, chrome-extension-resource. Wie kann ich es lösen?

Answer 1

müssen Sie diese hinzufügen:

header('Access-Control-Allow-Headers: Content-Type'); 
header('Access-Control-Allow-Methods: GET, POST, OPTIONS'); 
header('Access-Control-Allow-Origin: *'); 

Mein Projekt Backend Laravel ist. Also, ich habe dies in Route-Datei aufgenommen.

Answer 2

hinzufügen cors Filter für Ihre Anwendung als Middleware

var app = require('express')(); 
app.use((req, res, next) => { 
    res.header('Access-Control-Allow-Origin', '*'); 
    res.header('Access-Control-Allow-Headers', 'Origin, X-Requested-With, Content-Type, Accept'); 
    res.header('Access-Control-Allow-Methods', ['GET', 'PUT', 'POST', 'DELETE']); 
    next(); 
}); 

Ich würde Sie weiße Liste, die Ursprünge empfehlen würden Sie erlauben.