Angular HttpClient默认支持CORS(跨域资源共享),但是需要服务器正确配置。
以下是一个示例,使用Express框架配置CORS:
const express = require('express');
const app = express();
// 允许来自所有域的请求
app.use((req, res, next) => {
res.header('Access-Control-Allow-Origin', '*');
res.header('Access-Control-Allow-Headers', 'Origin, X-Requested-With, Content-Type, Accept');
next();
});
// 其他路由和中间件配置
app.listen(3000, () => {
console.log('Server running on port 3000');
});
以下是一个示例,使用HttpClient发送跨域请求:
import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
@Injectable()
export class DataService {
constructor(private http: HttpClient) { }
getData() {
return this.http.get('http://example.com/api/data');
}
}
希望以上解决方法可以帮助到您!