宝塔Nginx环境下在服务端解决跨域问题(No 'Access-Control-Allow-Origin')
尋鯨錄的Blog

宝塔Nginx环境下在服务端解决跨域问题(No 'Access-Control-Allow-Origin')

尋鯨錄
1年前发布 /正在检测是否收录...
温馨提示:
本文最后更新于2025年01月25日,已超过94天没有更新,若内容或图片失效,请留言反馈。
AI摘要:在宝塔Nginx环境下,通过在服务器配置文件中添加特定响应头,如`Access-Control-Allow-Origin`,可解决跨域问题,允许不同域名间的资源访问。

{cat_tips_info color=""}跨域:浏览器默认情况下会阻止网页从一个域名(origin)请求来自另一个域名的资源,以防止跨站点请求伪造(CSRF)和其他安全问题。{/cat_tips_info}
具体报错如下图:
宝塔跨域报错图


也就是说,你的网站a里面用的图片或者资源在网站b服务器上,然后浏览器会阻止掉你从a域名访问b域名的资源,服务端也就是网站b那边不允许跨域访问。

要解决这个问题,您可以在服务器端配置相应的响应头以允许跨域访问。

在这种情况下,您需要在请求的资源(图片)的服务器上(资源所在服务器,比如你调用的图片是在B服务器,就需要在B服务器设置)设置 Access-Control-Allow-Origin 响应头,将访问权限授予您的网站或所有网站。

宝塔Nginx环境下的解决方式:

1、在宝塔-网站设置-配置文件-server内添加如下代码:

    add_header Access-Control-Allow-Origin *;
add_header Access-Control-Allow-Methods 'GET,POST';
add_header Access-Control-Allow-Headers 'DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Authorization';

宝塔配置文件

2、添加之后去宝塔-软件商店-nginx重启即可

重启nginx

喜欢就支持一下吧
点赞 2 分享 赞赏
评论 抢沙发
OωO
取消