CORS的问题-角度问题，XMLHttpRequest问题

Question

我想调用一个API，形成我的后端(节点)铬控制台，上面写着：

访问来自“http://127.0.0.1:4201/api//listar_clientes_filtrado_admin”的“http://localhost:4200”的权限已被CORS策略阻止:请求标头字段content.type不允许在飞行前响应中使用访问控制-允许标头。

问题是表单HttpErrorResponse不允许我使用API。

这是我想使用的方法：(ClienteController)

const listar_clientes_filtrado_admin = async function (req, res) {
let registro = await Cliente.find();
res.status(200).send({ data: registro }); }

甚至我也在我的app.js (后端)中使用这个，但是它不起作用。

​

app.use((req, res, next) => {
    res.header('Access-Control-Allow-Origin', '*');
    res.header('Access-Control-Allow-Headers', 'Authorization, X-API-KEY, Origin, X-Requested-With, Content-Type, Access-Control-Allow-Request-Method');
    res.header('Access-Control-Allow-Methods', 'GET, PUT, POST, DELETE, OPTIONS');
    res.header('Allow', 'GET, PUT, POST, DELETE, OPTIONS');
    next();
});

​

其他部分：

(Cliente.js)

    //GET
api.get('/listar_clientes_filtrado_admin',
    clienteController.listar_clientes_filtrado_admin
);

(Cliente.service.ts) -前角

  listar_clientes_filtrado_admin(): Observable<any> {
let headers = new HttpHeaders().set('Content.Type', 'application/json');
return this._http.get(this.url + '/listar_clientes_filtrado_admin', {headers: headers});}

(component.ts)

ngOnInit(): void {
this._clienteService.listar_clientes_filtrado_admin().subscribe(
  response => {
    console.log(response);
  },
  error => {
    console.log(error);
  }
)

Answer 1

尝试添加像这样的middlewhere：

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

 app.use(cors())`

它启用了所有cors请求。

当然，您需要先运行npm i cors，然后才能安装它