讲师中心 微信公众号
AI工具推荐 视频效率加速

如何通过宝塔面板配置跨域资源共享_Nginx Add Header设置

酷墨同学_1936

酷墨同学_1936

发布时间:2026-03-28 19:11:56

|

619人浏览过

|

来源于php中文网

原创

add_header在Nginx中不生效主因是作用域限制、未加always参数及OPTIONS预检未兜底;需写入对应location块、启用always、显式处理OPTIONS并配全CORS头。

如何通过宝塔面板配置跨域资源共享_nginx add header设置

为什么 add_header 在 Nginx 里不生效?

宝塔面板里点“Nginx 配置” → “添加 Header”,填了 Access-Control-Allow-Origin: * 却没反应,大概率是被子请求或 location 块覆盖了。Nginx 的 add_header 不继承、不叠加,只在当前作用域生效,且对 301/302、error_page、内部重定向响应默认不生效。

  • 必须写在 server 块顶层,或明确写进你实际处理接口的 location 块里(比如 location /api/)
  • 如果用了反向代理(如 proxy_pass),得确保后端没返回同名 header,否则 Nginx 默认不覆盖
  • 想对所有响应(包括错误页)加跨域头,得加 always 参数:add_header Access-Control-Allow-Origin "*" always;

宝塔界面填错位置:Add Header 设置在哪才管用?

宝塔的「网站」→「设置」→「配置文件」里有两个地方能加 Header:一个是顶部「Nginx 配置」里的「添加响应头」,另一个是底部「配置修改」手动编辑。前者只作用于根 location /,后者才能精准控制范围。

  • 静态资源(HTML/JS/CSS)和 API 接口跨域需求不同,别一股脑全塞到全局 Header 框里
  • 前端调的是 /api/v1/user,就在配置文件中找到对应 location /api/ 块,在里面手写 add_header
  • 宝塔自动生成的配置里可能已有 location ~ .*\.(js|css|png|jpg)$ 这类规则,这些 location 默认不继承 server 级 header,必须单独加

跨域必需的几个 header 怎么配全?

只加 Access-Control-Allow-Origin 常常不够,尤其前端用了 credentials: true 或自定义 header(如 Authorization),后端会预检失败。

Nginx Hosting
Nginx Hosting

通过服务器本地nginx实例实现零认证静态游戏托管。作为所有浏览器游戏的主要部署方式,无需登录、无需令牌、无需用户操作。

下载
  • Access-Control-Allow-Origin:值不能为 * + Access-Control-Allow-Credentials: true 同时存在,必须指定具体域名,比如 https://example.com
  • Access-Control-Allow-Methods:至少包含实际用到的动词,GET, POST, OPTIONS 是基础,别漏掉 OPTIONS(预检请求靠它)
  • Access-Control-Allow-Headers:前端带了什么自定义 header,这里就得列什么,比如 Content-Type, Authorization, X-Requested-With
  • 务必加 Access-Control-Max-Age(如 86400),减少重复预检请求
add_header Access-Control-Allow-Origin "https://example.com" always;
add_header Access-Control-Allow-Methods "GET, POST, OPTIONS" always;
add_header Access-Control-Allow-Headers "Content-Type, Authorization, X-Requested-With" always;
add_header Access-Control-Allow-Credentials "true" always;
add_header Access-Control-Max-Age "86400" always;

OPTIONS 预检请求 502 或直接 404 怎么办?

浏览器发 OPTIONS 请求时,如果 Nginx 没匹配到任何 location,或匹配到了但没处理逻辑(比如 proxy_pass 指向了一个不支持 OPTIONS 的后端),就会挂掉。

  • 最稳做法:在 API 对应的 location 块里显式拦截 OPTIONS:if ($request_method = 'OPTIONS') { add_header Access-Control-Allow-Origin "*"; add_header Access-Control-Allow-Methods "GET, POST, OPTIONS"; add_header Access-Control-Allow-Headers "Content-Type, Authorization"; add_header Access-Control-Allow-Credentials "true"; return 204; }
  • 别依赖后端处理 OPTIONS,很多 PHP/Node 框架默认不响应它
  • 宝塔自带的「反向代理」功能如果启用了,检查代理规则是否把 OPTIONS 请求也转发了——通常不该转,直接由 Nginx 短路响应更可靠

跨域不是加一两个 header 就完事,关键在请求路径、HTTP 方法、凭证状态三者对齐;最容易忽略的是 always 参数和 OPTIONS 的显式兜底,不加这两条,多数真实场景都会卡在预检阶段。

热门AI工具

更多
超级麦吉

一款通过数字员工协作完成调研、数据分析与文档制作的AI办公平台。

超级简历WonderCV

一款AI办公效率工具,主要用于免费求职简历模版下载制作,应届生职场人必备简历制作神器,适合需要提升相关任务效率的用户。

PixTV
PixTV Hot

PixTV是一款面向AIGC内容创作的AI视频生成工具。

小橡皮AI

一款AI工具,主要用于小橡皮一键去AI味,将机器味重的内容改得更有活人感,防止因为 AI 内容被平台打上 AI 标签,以及限流,适合需要提升相关任务效率的用户。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

AionClaw
AionClaw Hot

AionClaw是一款面向办公、创作和编程任务的AI桌面智能体。

音述AI
音述AI Hot

一款AI音频处理工具,主要用于音述AI是一个以“用声音述说故事”为核心的 AI 音乐创作与声音分享社区,适合需要提升相关任务效率的用户。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

相关专题

更多
Uvicorn 报错与问题解决教程
Uvicorn 报错与问题解决教程

本专题汇总了Uvicorn服务器常见问题与报错解决的教程合集,涵盖启动失败、端口占用、模块导入错误、事件循环冲突及热重载失效等典型故障的排查思路。同时整理了多进程与Worker配置、SSL/HTTPS证书报错、跨域与代理配置等实战解决方案,助你快速定位并解决Uvicorn运行中的各类问题。

0

2026.11.02

Uvicorn使用教程
Uvicorn使用教程

本专题汇总了Uvicorn使用教程与启动运行指南,涵盖其作为Python ASGI服务器的定位与特点,以及命令行启动(uvicorn main:app --reload)、参数配置(host/port/workers)、程序内嵌运行与Gunicorn结合部署等核心用法。同时整理了热重载调试、日志配置与生产环境部署优化等技巧,助你快速掌握Uvicorn的运行与配置。

0

2026.11.02

Uvicorn安装配置教程
Uvicorn安装配置教程

本专题汇总了Uvicorn的安装配置教程与部署指南,涵盖通过pip安装Uvicorn、启动FastAPI/Starlette应用、开发模式热重载(--reload)及多进程工作模式配置等核心操作。同时整理了结合Gunicorn的生产部署方案、HTTPS与反向代理配置及性能调优技巧,助你快速完成Uvicorn服务的安装与上线部署。

0

2026.11.02

Vite 项目如何打包和部署
Vite 项目如何打包和部署

Vite项目打包部署专题汇集生产构建、产物预览、输出目录、资源路径、Nginx与GitHub Pages部署及常见白屏和路由404问题的已审核文章,帮助读者完成上线流程。

120

2026.10.28

Vite 如何搭配 Vue.js
Vite 如何搭配 Vue.js

Vite搭配Vue.js专题汇集创建Vue 3项目、配置开发环境、路径别名、Vue插件、代理、多环境构建与调试的已审核文章,帮助读者完成从初始化到日常开发的配置。

80

2026.10.28

Vite 项目目录怎么看
Vite 项目目录怎么看

Vite项目目录专题汇集入口文件、src源码、public静态资源、路径别名、项目根目录和构建输出目录相关的已审核文章,帮助读者理解各文件夹的用途与引用方式。

260

2026.10.28

Gradle插件开发入门教程
Gradle插件开发入门教程

本专题介绍Gradle插件开发的基本流程,涵盖插件类编写、自定义任务注册、扩展参数设计和插件应用方法,帮助你理解插件如何组织构建逻辑,减少多个项目之间的重复配置。

160

2026.10.22

Gradle Wrapper配置教程
Gradle Wrapper配置教程

本专题介绍Gradle Wrapper的基本作用,涵盖文件组成、生成方法、版本配置和任务调用,帮助你理解项目如何使用指定的Gradle版本,减少不同开发环境带来的构建差异。

140

2026.10.22

Golangci-lint检查器使用教程
Golangci-lint检查器使用教程

本专题整理Golangci-lint常用Linters的用途与配置方法,覆盖错误处理、无效代码、安全、复杂度、命名和依赖检查,帮助项目合理选规则。

100

2026.10.22

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
phpEnv手册
phpEnv手册

共0课时 | 0人学习

nginx手册
nginx手册

共0课时 | 0人学习

进程与SOCKET
进程与SOCKET

共6课时 | 0.5万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn