Angular 6プロジェクトがあり、server.jsを指しているサービスを持っています
Angular is on port: 4200 and Server.js is on port: 3000.
サービスにhttp://localhost:3000/api/posts
(Server.jsの場所)を指定すると、次のエラーが発生します。
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.
以下はserver.jsコードです。
// 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}`));
私の質問は:
Server.jsでこの呼び出しを許可するにはどうすればよいですか?
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')
})
すごい!リクエストを行うことができるドメインCORSを有効にする必要があります!あなたはそれを試すことができます
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
または、localhost:4200
またはそのようなもの
それを試して、うまくいったかどうか教えてください!ありがとう!お役に立てれば!
Expressを使用しているため、ミドルウェアを作成し、それを使用してすべてのエンドポイントをリダイレクトできます。以下は同じもののスニペットです:
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();
})
あなたのルートを設定する前にそれを配置し、あなたは良いはずです。
チェックアウト: https://github.com/ronnielivingsince1994/phoenix/blob/master/messageboard/backend/server.js express.jsを使用してルーティングエンドポイントでミドルウェアの使用法を理解するため。