webentwicklung-frage-antwort-db.com.de

Winkel 6 - Auf der angeforderten Ressource ist kein Header "Access-Control-Allow-Origin" vorhanden

Ich habe ein Angular 6-Projekt, das über einen Dienst verfügt, der auf einen server.js verweist

Angular is on port: 4200 and Server.js is on port: 3000.

Wenn ich den Dienst auf http://localhost:3000/api/posts (Speicherort von Server.js) verweise, erhalte ich folgende Fehlermeldung:

Failed to load http://localhost:3000/api/posts: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:4200' is therefore not allowed access.

Hier ist der server.js-Code:

// Get dependencies
const express = require('express');
const path = require('path');
const http = require('http');
const bodyParser = require('body-parser');

// Get our API routes
const api = require('./server/routes/api');

const app = express();

// Parsers for POST data
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));

// Point static path to dist
app.use(express.static(path.join(__dirname, 'dist')));

// Set our api routes
app.use('/api', api);

// Catch all other routes and return the index file
app.get('*', (req, res) => {
  res.sendFile(path.join(__dirname, 'dist/myproject/index.html'));
});

/**
 * Get port from environment and store in Express.
 */
const port = process.env.PORT || '3000';
app.set('port', port);

/**
 * Create HTTP server.
 */
const server = http.createServer(app);

/**
 * Listen on provided port, on all network interfaces.
 */
server.listen(port, () => console.log(`API running on localhost:${port}`));

Meine Frage ist:

Wie bekomme ich server.js, um diesen Anruf zuzulassen?

2
Paul B
If you are using Express, you can try this cors package.

EDIT:

var express = require('express')
var cors = require('cors')
var app = express()

app.use(cors())

app.get('/products/:id', function (req, res, next) {
  res.json({msg: 'This is CORS-enabled for all origins!'})
})
app.listen(80, function () {
  console.log('CORS-enabled web server listening on port 80')
})
4
mittal bhatt

Großartig! Sie müssen Domain CORS aktivieren, das Anfragen stellen kann. Sie können es versuchen

app.use(function(req, res, next) {
  res.header("Access-Control-Allow-Origin", "*");
  res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
  next();
});
"Access-Control-Allow-Origin", "*" -> used to accept all domains

Oder Sie können einfach localhost:4200 oder so ähnlich einstellen

Versuchen Sie das und sagen Sie mir, ob es funktioniert hat! Vielen Dank! Hoffe das hilft!

4
Chiien

Da Sie express verwenden, können Sie eine Middleware erstellen und damit alle Ihre Endpunkte umleiten. Hier ist ein Funktionsausschnitt desselben:

....
app.use((req,res,next) => {

     res.header("Access-Control-Allow-Origin","*");
     res.header("Access-Control-Allow-Methods", "POST, GET");
     res.header("Access-Control-Allow-Header","Origin, X-Requested-With, Content-Type, Accept");
     next();

})
...

Platzieren Sie es, bevor Sie Ihre Routen festlegen, und Sie sollten gut sein.

Check out: https://github.com/ronnielivingsince1994/phoenix/blob/master/messageboard/backend/server.js , um die Verwendung von Middlewares in Routing-Endpunkten mithilfe von express.js zu verstehen.

0
Ronnie