Odrzucono żądanie POST AJAX - CORS?

Question

mam CORS ustawień na moim serwerze node.js na porcie 5000 w następujący sposób:

var app = express(); 

app.use(cors()); //normal CORS 
app.options('*', cors()); //preflight 

app.post('/connect', function(req, res) { 
    console.log("Connection request received !") 
}); 

var port = 5000; 
app.listen(port, function() { 
    console.log('Listening on port '+port); 
}); 

Jestem teraz próbuje wysyłać żądania AJAX POST przy użyciu JQuery jak tak, to w statycznej strony otwartego z mojego twardego dysku:

var xhr = $.post({ 
      url: 'http://localhost:5000/connect', 
      complete: function() { 
       console.log("done !") 
      }, 
      crossDomain: true 
     }); 

xhr.fail(function(xhr, status, error){ 
    alert(error) 
}) 

funkcja complete nigdy nie nazywa, a jedynym alert pojawia się alert z obsługi XHR fail zawierający następujący błąd:

NS_ERROR_DOM_BAD_URI: Access to restricted URI denied 

Myślę, że CORS jest dobrze skonfigurowany, czego mi brakuje?

---

EDIT: dla tych, w moim przypadku, najlepszym rozwiązaniem mogę znaleźć było wysłać stronę z serwera:

app.use(express.static('web')) 

app.get("/", function(req, res) { 
    res.sendFile(__dirname + '/web/HTML/index.html'); 
}); 

Answer 1

To jest kod, którego używam. Znajduje się on w moich app.js złożyć

app.all("/*", function (req, res, next) { 

    res.header("Access-Control-Allow-Origin", req.headers.origin); 
    res.header("Access-Control-Allow-Credentials",true); 
    res.header('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE,OPTIONS'); 
    res.header('Access-Control-Allow-Headers', 'Content-Type,Accept,X-Access-Token,X-Key,Authorization,X-Requested-With,Origin,Access-Control-Allow-Origin,Access-Control-Allow-Credentials'); 
    if (req.method === 'OPTIONS') { 
    res.status(200).end(); 
    } else { 
    next(); 
    } 
}); 

Answer 2

nigdy nie używałem Cors(), więc nie mogę mówić do tego utworu. Ale można ręcznie zezwolić na współdzielenie zasobów pochodzących z różnych źródeł, konfigurując nagłówki node.js.

Dodaj tej wstępnej trasy na wszystkie żądania

app.route('*') 
    .all(function(req, res, next) { 
    res.header('Access-Control-Allow-Methods', 'POST, GET, PUT, DELETE, OPTIONS'); 
    res.header('Access-Control-Allow-Origin', '*'); 
    res.header('Access-Control-Allow-Headers', 'X-API-TOKEN, Content-Type, Authorization, Content-Length, X-Requested-Wit 
h'); 
    next(); 
}) 

To powinno działać.

Answer 3

Mam projekt, który używa cors.

węzeł kod używany jest tylko:

const cors = require('cors'); 
const express = require('express'); 
const app = express(); 

app.use(cors()); 

/* Connect/other routes here */ 

kod jquery wyglądać Litte inaczej:

$.post('http://localhost:5000/connect', {}).done(() => { 
    // Request complete 
}).fail((jqXHR) => { 
    // Request failed 
}); 

Answer 4

CORS nie działa przy użyciu protokołu file bo tam nie ma tam serwer, aby odesłać wymagane nagłówki. Twoje rozwiązanie korzystania z serwera to jedyny sposób, aby CORS działał.