宝塔中 Nginx 反向代理后网站站点的跨域 cors 解决方案

技术 · 04-18
宝塔中 Nginx 反向代理后网站站点的跨域 cors 解决方案

打开宝塔-网站-具体站点-设置,弹出设置,点击左侧反向代理,再点击配置文件。
2024-04-18T09:18:41.png

向下滚动弹出的窗口,找到如下图红色箭头的代码。
2024-04-19T01:53:22.png

将下方代码复制粘贴到上图所示区域。

# 设置跨域CORS
if ( $static_fileMIhWJ6d9 = 0 )
{
    add_header Access-Control-Allow-Origin $http_origin;
    add_header Access-Control-Allow-Methods 'GET,POST,PUT,DELETE,OPTIONS';
    add_header Access-Control-Allow-Headers 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Authorization';
    add_header Access-Control-Allow-Credentials true;
}

2024-04-19T01:56:25.png

配置完成后,宝塔会自动重载配置并生效。

Nginx
Theme Jasmine by Kent Liao