宝塔面板使用Nginx反向代理解决跨域问题
off999 2025-03-30 19:51 80 浏览 0 评论
通过 Nginx 反向代理解决跨域问题的核心思路是:将不同域名或端口的请求统一代理到同一域名下,从而绕过浏览器的跨域限制。以下是宝塔面板中配置反向代理的具体步骤:
一、反向代理解决跨域的原理
- 跨域问题的本质 浏览器出于安全考虑,禁止前端代码通过 XMLHttpRequest 或 Fetch API 直接访问不同域名、端口或协议的资源(即跨域请求)。
- 反向代理的作用 通过 Nginx 将不同域名或端口的请求代理到同一域名下,让浏览器认为所有请求均来自同一源,从而避免跨域限制。
二、宝塔面板配置反向代理步骤
方法 1:通过宝塔图形界面配置
- 登录宝塔面板: 进入「网站」模块,找到需要配置的网站,点击右侧的「设置」按钮。
- 添加反向代理:
点击「反向代理」标签 → 选择「添加反向代理」。
填写以下信息:
- 代理名称:自定义(如 proxy-api)
- 目标URL:填写后端服务的地址(如 http://127.0.0.1:8080 或 https://api.example.com
- 发送域名:默认 $host(或手动指定为后端服务的域名,如 api.example.com)
点击「提交」。
- 配置高级参数(可选) 在反向代理的「配置文件」中,可添加以下参数确保请求头透传:
proxy_set_header Host $host;
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;方法 2:手动修改 Nginx 配置文件
定位配置文件 配置文件路径:
/www/server/panel/vhost/nginx/你的网站域名.conf。
添加反向代理规则 在 server 块中添加以下配置(示例代理到本地 8080 端口的后端服务):
location /api/ {
proxy_pass http://127.0.0.1:8080/; # 后端服务地址
proxy_set_header Host $host;
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;
# 可选:解决 WebSocket 代理问题
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection "upgrade";
}重启 Nginx
nginx -t # 检查配置语法
systemctl restart nginx # 重启生效三、配置示例与说明
示例场景
- 前端域名: https://www.example.com
- 后端接口: https://api.example.com:8080
通过反向代理将前端请求 /api/ 路径代理到后端服务:
server {
listen 80;
server_name www.example.com;
location /api/ {
proxy_pass http://api.example.com:8080/; # 后端地址
proxy_set_header Host api.example.com; # 关键:指定后端接收的域名
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
# 可选:解决跨域头(部分场景需额外配置)
add_header Access-Control-Allow-Origin *;
}
# 其他配置...
}四、反向代理 vs CORS 头配置
方案 | 适用场景 | 优缺点 |
反向代理 | 前后端分离项目,需隐藏后端地址 | 无需修改后端代码,安全性高,但需维护代理规则 |
CORS 头配置 | 直接暴露后端 API 给多前端域名使用 | 配置简单,但需后端支持,存在安全风险 |
五、注意事项
路径匹配规则
若前端请求路径为 /api/user,后端实际接口为 /user,可通过 proxy_pass 调整:
location /api/ {
proxy_pass http://backend-server/; # 末尾的 `/` 会去除 `/api` 前缀
}WebSocket 代理 如需代理 WebSocket,需添加 Upgrade 和 Connection 头(见方法 2 示例)。
HTTPS 配置 若前端为 HTTPS,确保后端服务或反向代理也支持 HTTPS,避免混合协议问题。
调试工具 使用浏览器开发者工具的 Network 标签检查请求是否被正确代理,并观察响应头中的 X-Proxy 信息(如有)。
通过上述配置,所有通过 /api/ 的请求会被 Nginx 转发到后端服务,且浏览器认为请求与前端同源,彻底解决跨域问题。
相关推荐
- 安全教育登录入口平台(安全教育登录入口平台官网)
-
122交通安全教育怎么登录:122交通网的注册方法是首先登录网址http://www.122.cn/,接着打开网页后,点击右上角的“个人登录”;其次进入邮箱注册,然后进入到注册页面,输入相关信息即可完...
- 大鱼吃小鱼经典版(大鱼吃小鱼经典版(经典版)官方版)
-
大鱼吃小鱼小鱼吃虾是于谦跟郭麒麟的《我的棒儿呢?》郭德纲说于思洋郭麒麟作诗的相声,最后郭麒麟做了一首,师傅躺在师母身上大鱼吃小鱼小鱼吃虾虾吃水水落石出师傅压师娘师娘压床床压地地动山摇。...
-
- 哪个软件可以免费pdf转ppt(免费的pdf转ppt软件哪个好)
-
要想将ppt免费转换为pdf的话,我们建议大家可以下一个那个wps,如果你是会员的话,可以注册为会员,这样的话,在wps里面的话,就可以免费将ppt呢转换为pdfpdf之后呢,我们就可以直接使用,不需要去直接不需要去另外保存,为什么格式转...
-
2026-02-04 09:03 off999
- 电信宽带测速官网入口(电信宽带测速官网入口app)
-
这个网站看看http://www.swok.cn/pcindex.jsp1.登录中国电信网上营业厅,宽带光纤,贴心服务,宽带测速2.下载第三方软件,如360等。进行在线测速进行宽带测速时,尽...
- 植物大战僵尸95版手机下载(植物大战僵尸95 版下载)
-
1可以在应用商店或者游戏平台上下载植物大战僵尸95版手机游戏。2下载教程:打开应用商店或者游戏平台,搜索“植物大战僵尸95版”,找到游戏后点击下载按钮,等待下载完成即可安装并开始游戏。3注意:确...
- 免费下载ppt成品的网站(ppt成品免费下载的网站有哪些)
-
1、Chuangkit(chuangkit.com)直达地址:chuangkit.com2、Woodo幻灯片(woodo.cn)直达链接:woodo.cn3、OfficePlus(officeplu...
- 2025世界杯赛程表(2025世界杯在哪个国家)
-
2022年卡塔尔世界杯赛程公布,全部比赛在卡塔尔境内8座球场举行,2022年,决赛阶段球队全部确定。揭幕战于当地时间11月20日19时进行,由东道主卡塔尔对阵厄瓜多尔,决赛于当地时间12月18日...
- 下载搜狐视频电视剧(搜狐电视剧下载安装)
-
搜狐视频APP下载好的视频想要导出到手机相册里方法如下1、打开手机搜狐视频软件,进入搜狐视频后我们点击右上角的“查找”,找到自已喜欢的视频。2、在“浏览器页面搜索”窗口中,输入要下载的视频的名称,然后...
- 永久免费听歌网站(丫丫音乐网)
-
可以到《我爱音乐网》《好听音乐网》《一听音乐网》《YYMP3音乐网》还可以到《九天音乐网》永久免费听歌软件有酷狗音乐和天猫精灵,以前要跳舞经常要下载舞曲,我从QQ上找不到舞曲下载就从酷狗音乐上找,大多...
- 音乐格式转换mp3软件(音乐格式转换器免费版)
-
有两种方法:方法一在手机上操作:1、进入手机中的文件管理。2、在其中选择“音乐”,将显示出手机中的全部音乐。3、点击“全选”,选中所有音乐文件。4、点击屏幕右下方的省略号图标,在弹出菜单中选择“...
- 电子书txt下载(免费的最全的小说阅读器)
-
1.Z-library里面收录了近千万本电子书籍,需求量大。2.苦瓜书盘没有广告,不需要账号注册,使用起来非常简单,直接搜索预览下载即可。3.鸠摩搜书整体风格简洁清晰,书籍资源丰富。4.亚马逊图书书籍...
- 最好免费观看高清电影(播放免费的最好看的电影)
-
在目前的网上选择中,IMDb(互联网电影数据库)被认为是最全的电影网站之一。这个网站提供了各种类型的电影和电视节目的海量信息,包括剧情介绍、演员表、评价、评论等。其还提供了有关电影制作背后的详细信息,...
- 孤单枪手2简体中文版(孤单枪手2简体中文版官方下载)
-
要将《孤胆枪手2》游戏的征兵秘籍切换为中文,您可以按照以下步骤进行操作:首先,打开游戏设置选项,通常可以在游戏主菜单或游戏内部找到。然后,寻找语言选项或界面选项,点击进入。在语言选项中,选择中文作为游...
欢迎 你 发表评论:
- 一周热门
- 最近发表
- 标签列表
-
- python计时 (73)
- python安装路径 (56)
- python类型转换 (93)
- python进度条 (67)
- python吧 (67)
- python的for循环 (65)
- python格式化字符串 (61)
- python静态方法 (57)
- python列表切片 (59)
- python面向对象编程 (60)
- python 代码加密 (65)
- python串口编程 (77)
- python封装 (57)
- python写入txt (66)
- python读取文件夹下所有文件 (59)
- python操作mysql数据库 (66)
- python获取列表的长度 (64)
- python接口 (63)
- python调用函数 (57)
- python多态 (60)
- python匿名函数 (59)
- python打印九九乘法表 (65)
- python赋值 (62)
- python异常 (69)
- python元祖 (57)
