node.js 解决浏览器端跨域问题

网上好多的解决方法都是

app.use((req, res, next) => {
res.header('Access-Control-Allow-Origin', '*')
res.header('Access-Control-Allow-Headers', 'Authorization,X-API-KEY, Origin, X-Requested-With, Content-Type, Accept, Access-Control-Request-Method' )
res.header('Access-Control-Allow-Methods', 'GET, POST, OPTIONS, PATCH, PUT, DELETE')
res.header('Allow', 'GET, POST, PATCH, OPTIONS, PUT, DELETE')
next();
});

你们可以试试,但貌似我用起来不起什么作用
后来又发现cors这个中间件 ,一次成功

  1. 安装
npm install cors --save-dev
  1. 引入
const cors = require('cors');
app.use(cors());

这样跨域的问题就解决了

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Node.js 可以通过设置响应头的方式来解决跨域问题。以下是一个使用 Node.js 解决跨域问题的示例代码: ```javascript const http = require('http'); const hostname = '127.0.0.1'; const port = 3000; const server = http.createServer((req, res) => { // 设置响应头,允许所有来源访问 res.setHeader('Access-Control-Allow-Origin', '*'); // 设置响应头,允许跨域访问的方法 res.setHeader('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE'); // 设置响应头,允许跨域访问的请求头 res.setHeader('Access-Control-Allow-Headers', 'Content-Type'); if (req.method === 'OPTIONS') { // 如果是预检请求,直接返回成功状态码 res.statusCode = 204; res.end(); } else { // 正常请求,返回数据 res.statusCode = 200; res.setHeader('Content-Type', 'application/json'); res.end(JSON.stringify({ message: 'Hello, World!' })); } }); server.listen(port, hostname, () => { console.log(`Server running at http://${hostname}:${port}/`); }); ``` 在这个示例中,我们设置了响应头中的 `Access-Control-Allow-Origin` 字段为 `*`,表示允许所有来源访问。同时,我们还设置了 `Access-Control-Allow-Methods` 字段为 `GET, POST, PUT, DELETE`,表示允许跨域访问的方法。最后,我们还设置了 `Access-Control-Allow-Headers` 字段为 `Content-Type`,表示允许跨域访问的请求头。 需要注意的是,在处理跨域请求时,浏览器会先发送一个预检请求(OPTIONS 请求),来确定服务器是否允许跨域访问。因此,我们在代码中需要判断请求是否为预检请求,并在预检请求时直接返回成功状态码。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值