跨域资源共享 CORS

96 字

1 分钟

跨域资源共享 CORS

2023-10-15

2024-07-20

博客

跨域请求

/

nginx

/

nodejs

/

http请求

概述#

通过配置合适的响应头，可以明确指定允许的来源域、请求方法和头部信息。

Node.js 配置#

1
app.all('*', function(req, res, next) {
2
  res.header("Access-Control-Allow-Origin", "*");
3
  res.header("Access-Control-Allow-Headers", "X-Requested-With");
4
  res.header("Access-Control-Allow-Methods","PUT,POST,GET,DELETE,OPTIONS");
5
  res.header("X-Powered-By",' 3.2.1')
6
  res.header("Content-Type", "application/json;charset=utf-8");
7
  res.header("Access-Control-Allow-Credentials", "true");
8
  next();
9
});

Nginx 配置#

1
server {
2
    listen 80;
3
    server_name localhost; #你的域名
4
    root html;
5
    index index.html index.htm;
6

7
    add_header Access-Control-Allow-Origin "*";
8
    add_header Access-Control-Allow-Credentials "true";
9
    add_header Access-Control-Allow-Methods "PUT,POST,GET,DELETE,OPTIONS";
10
    add_header Access-Control-Allow-Headers "token,DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,XRequested-With";
11

12
    location / {
13
        proxy_pass http://localhost:3000; #你的代理服务
14
    }
15
}