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模板下,接收数组参数,页面显示转义问题

史努比博客