如果在使用 Axios 调用内部 API 时出现访问控制的允许来源错误,可以尝试以下解决方法:
// 允许所有来源的访问
// 注意:这可能会引起安全问题,请根据实际需求设置正确的来源
res.setHeader('Access-Control-Allow-Origin', '*');
// 或者允许特定来源的访问,比如 http://localhost:3000
res.setHeader('Access-Control-Allow-Origin', 'http://localhost:3000');
Origin
字段,指定请求的来源。例如:axios.get('http://your-internal-api-url', {
headers: {
'Origin': 'http://your-frontend-url'
}
})
.then(response => {
// 处理响应
})
.catch(error => {
// 处理错误
});
确保将 'http://your-frontend-url'
替换为实际的前端 URL。
通过设置正确的来源,确保后端允许访问的来源与前端请求的来源一致,可以解决访问控制的允许来源错误。
上一篇:Axios:并行请求偶尔返回错误