CORS策略已阻止从来源“ http：// localhost：4200”访问“ http：// localhost：3000 / framework / create”处的XMLHttpRequest

Question

我有一个错误

从源' http：// localhost：4200 '在' http：// localhost：3000 / framework / create '处对XMLHttpRequest的访问已被CORS策略阻止：对预检请求的响应未通过访问控制检查：否'访问-Control-Allow-Origin'标头出现在请求的资源上。

我该如何解决？

我在后端使用angular v7和express.js

 import { Injectable } from '@angular/core'; import { HttpClient } from '@angular/common/http'; @Injectable({providedIn : 'root'}) export class CommonService { uri = 'http://localhost:3000/framework'; constructor(private http: HttpClient) { } addFramework(framework, bahasa) { const obj = { framework: framework, bahasa: bahasa }; console.log(obj); this.http.post(`${this.uri}/create`, obj) .subscribe(res => console.log('Done')); } } 

Answer 1

如果您使用的是chrome，只需访问https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi并安装它。 刷新页面，它应该可以工作。