Angular中出现“No'Access-Control-Allow-Origin'headerispresent”错误（不是一直出现）
- 确认后端API是否开启了CORS。如果没有开启，可以在代码中添加以下代码：
app.use((req, res, next) => { res.header('Access-Control-Allow-Origin', '*'); res.header('Access-Control-Allow-Headers', 'Content-Type'); next(); });
- 如果后端API已经开启了CORS，可以尝试在请求头中添加以下内容：
import { HttpClient, HttpHeaders } from '@angular/common/http';
const httpOptions = { headers: new HttpHeaders({ 'Content-Type': 'application/json', 'Access-Control-Allow-Origin': '*' }) };
this.http.post(url, body, httpOptions).subscribe(data => { // 请求成功处理 });
- 如果以上两种方法都没有解决问题，可以尝试使用代理。在angular.json文件中，在"architect">"serve">"options"中添加以下代码：
"proxyConfig": "proxy.conf.json"
并在项目根目录下创建proxy.conf.json文件，添加以下代码：
{ "/api/*": { "target": "http://localhost:3000", "secure": false, "changeOrigin": true } }
其中，target为后端API的地址。
- 如果以上三种方法都没有解决问题，可以尝试使用JSONP（仅适用于GET请求）。在angular.json文件中，在"architect">"build">"options"中添加以下代码：
"json": true
并在代码中添加以下代码：
import { HttpClient, HttpHeaders, JsonpClientBackend } from '@angular/common/http';
this.http.jsonp(url, 'callback').subscribe(data => { // 请求成功处理 });
其中，callback为后端返回的函数名称。需要在后端API中进行设置。