要解决Angular 7中同时出现CORS错误和数据问题,可以尝试以下几种方法:
{ 'Content-Type': 'application/json', 'Access-Control-Allow-Origin': '*' }
,其中Access-Control-Allow-Origin
表示允许跨域请求。示例代码如下:import { HttpClient, HttpHeaders } from '@angular/common/http';
// ...
const httpOptions = {
headers: new HttpHeaders({
'Content-Type': 'application/json',
'Access-Control-Allow-Origin': '*'
})
};
// 使用httpOptions发送请求
this.http.get('https://api.example.com/data', httpOptions)
.subscribe(data => {
console.log(data);
});
const express = require('express');
const app = express();
// 允许所有域的请求
app.use((req, res, next) => {
res.setHeader('Access-Control-Allow-Origin', '*');
res.setHeader('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE');
res.setHeader('Access-Control-Allow-Headers', 'Content-Type');
next();
});
// 处理请求的路由和逻辑
app.get('/data', (req, res) => {
// 返回数据
res.json({ message: 'Hello, world!' });
});
// 启动服务器
app.listen(3000, () => {
console.log('Server is running on port 3000');
});
需要注意的是,以上方法仅供参考,具体解决方法会根据具体情况而有所不同。