角客户端启用CORS(Angular client enable CORS)

CORS是服务器和工作正常的预期。 我试图发送一个带有角度的请求的HTTPClient到我的服务器的REST API和我收到一个错误CORS。 为什么如果CORS是在服务器上启用这是一个错误？ 它不应该是在客户端上罚款？

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://localhost:3000/api/blah/blah (Reason: CORS header ‘Access-Control-Allow-Origin’ missing).

我怎样才能在这个要求使CORS请.....

Answer 1:

你不需要启用CORS的角度，这是一个服务器端的问题。 看到：

https://stackoverflow.com/a/29548846/4461537

Answer 2:

对于未来refrence这是“大卫”回答协助我来说，CORS是不是所有的路由前加入。

“.....含义，该路由的定义。” 所以右后... VAR应用=快递（）;

我只是用... app.use（CORS（））;

Answer 3:

这里有一个Express CORS中间件 ：

npm install cors --save

全部启用CORS要求：

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

app.use(cors());

app.get('/products/:id', function (req, res, next) {
  res.json({msg: 'This is CORS-enabled for all origins!'})
});

const port = process.env.PORT || 8080;

app.listen(port, () => {
 console.log(`CORS-enabled server is up on ${port}`);

}）;

启用CORS的单路线

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

    app.get('/products/:id', cors(), (req, res, next) => {
      res.json({msg: 'This is CORS-enabled for a Single Route'})
    });

     const port = process.env.PORT || 8080;

       app.listen(port, () => {
         console.log(`CORS-enabled server is up on ${port}`);
       });

文章来源: Angular client enable CORS