Nginx反向代理
1.问题描述
https://api.2dcode.biz/v1/read-qr-code?file_url=https%3A%2F%2Fcode.server.wangyinjie.cn%2Fuploads%2F2025-04-27_18-35-34-784.png 这个第三方请求CORS跨域,怎么配置Nginx 反向代理 我的前端项目域名是code.wangyinjie.cn
2.要解决CORS跨域问题,可以通过配置Nginx反向代理来实现
server {
listen 80;
server_name code.wangyinjie.cn;
location /api/ {
proxy_pass https://api.2dcode.biz/v1/;
proxy_set_header Host api.2dcode.biz;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header X-Forwarded-Proto $scheme;
}
location / {
root /path/to/your/frontend;
index index.html;
try_files $uri $uri/ /index.html;
}
}
解释配置:
server_name code.wangyinjie.cn;:指定你的前端项目域名。
location /api/ { ... }:将所有以 /api/ 开头的请求代理到 https://api.2dcode.biz/v1/。
proxy_pass https://api.2dcode.biz/v1/;:将请求转发到第三方API。
proxy_set_header:设置请求头,确保正确的请求信息传递给第三方API。
location / { ... }:处理前端项目的静态文件请求。
上一篇
Webstorm2023.2最新激活码,破解版安装教程
下一篇
EJS模板下,接收数组参数,页面显示转义问题