发送Promise请求出现以下错误origin ‘null‘ has been blocked by CORS policy

最新推荐文章于 2025-03-21 15:10:57 发布

疯狂的小强呀

最新推荐文章于 2025-03-21 15:10:57 发布

阅读量1.4k

点赞数

分类专栏： vue 文章标签：跨域 Access-Control-Allow-Origin Express 服务器配置前端开发

本文链接：https://blog.csdn.net/David_house/article/details/123410007

版权

vue 专栏收录该内容

25 篇文章

订阅专栏

本文介绍了在开发过程中遇到的跨域访问错误，即'Access-Control-Allow-Origin'头缺失导致的资源请求被阻止。为了解决这个问题，文章提供了使用Express框架设置允许跨域访问的方法。通过在Express服务器中配置中间件，添加相应的响应头，可以允许来自任何源的请求。这包括设置'Access-Control-Allow-Origin'为'*'，以及定义允许的请求头和方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

错误如下

Access to XMLHttpRequest at 'http://localhost:9090/data' from origin 'null' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

问题

出现了跨域访问问题

解决方法

用express设置允许跨域访问服务，代码如下：

// 引入express框架
var express=require("express");
// 创建web服务器
var app=express();
// 设置允许跨域访问该服务
app.all('*', function (req, res, next) {
	res.header('Access-Control-Allow-Origin', '*');
	res.header('Access-Control-Allow-Headers', 'Content-Type');
	res.header('Access-Control-Allow-Methods', '*');
	res.header('Access-Control-Allow-Headers', 'X-Requested-With');
	next();
});