nignx 配置允许跨域访问

最新推荐文章于 2025-04-11 02:12:57 发布

难得糊涂_不解释

最新推荐文章于 2025-04-11 02:12:57 发布

阅读量682

点赞数

分类专栏： nginx 文章标签： linux nginx

本文链接：https://blog.youkuaiyun.com/qq_36470475/article/details/124980593

版权

nginx 专栏收录该内容

2 篇文章

订阅专栏

本文详细介绍了如何使用Nginx配置跨域访问，包括设置允许跨域的源、请求方法、凭证以及请求头等关键步骤。通过具体示例展示了如何为HTTP服务器配置跨域资源共享(CORS)。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

add_header Access-Control-Allow-Methods *;
add_header Access-Control-Allow-Origin *;
add_header Access-Control-Allow-Credentials true;
add_header Access-Control-Allow-Headers Token,groupid,app,appid,projectid,project_id,Project-Id,appcode,Content-Type,Upgrade,Connection,X-Real-IP,Company-Id,companyID,pf_token,pf_c_token,company_id,token,Authorization,Accept,Referer,*;

if ($request_method = OPTIONS){
               return 200;
}

举例

server {
    listen 8091;
   

    location / {

	   add_header Access-Control-Allow-Methods *;
           add_header Access-Control-Allow-Origin *;
           add_header Access-Control-Allow-Credentials true;
           add_header Access-Control-Allow-Headers Token,groupid,app,appid,projectid,project_id,Project-Id,appcode,Content-Type,Upgrade,Connection,X-Real-IP,Company-Id,companyID,pf_token,pf_c_token,company_id,token,Authorization,Accept,Referer,*;

	   if ($request_method = OPTIONS){
               return 200;
           }
        proxy_pass http://127.0.0.1:8092;
    }     
}

解释：

#允许跨域请求的域，*代表所有
add_header 'Access-Control-Allow-Origin' *;
#允许带上cookie请求
add_header 'Access-Control-Allow-Credentials' 'true';
#允许请求的方法，比如 GET/POST/PUT/DELETE
add_header 'Access-Control-Allow-Methods' *;
#允许请求的header
add_header 'Access-Control-Allow-Headers' *;