网站LOGO
尋鯨錄的Blog
页面加载中
6月9日
网站LOGO 尋鯨錄的Blog
无心所问,无问东西
菜单
宝塔Nginx环境下在服务端解决跨域问题(No 'Access-Control-Allow-Origin')
正文
  • 尋鯨錄的Blog
    无心所问,无问东西
    用户的头像
    首次访问
    上次留言
    累计留言
    我的等级
    我的角色
    打赏二维码
    打赏博主
    宝塔Nginx环境下在服务端解决跨域问题(No 'Access-Control-Allow-Origin')
    点击复制本页信息
    微信扫一扫
    文章二维码
    文章图片 文章标题
    创建时间
  • 一 言
    确认删除此评论么? 确认
  • 本弹窗介绍内容来自,本网站不对其中内容负责。

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

    尋鯨錄 · 原创 ·
    日常技术教程 · 跨域Nginx
    共 1527 字 · 约 1 分钟 · 26
    AI摘要:在宝塔Nginx环境下,通过在服务器配置文件中添加特定响应头,如`Access-Control-Allow-Origin`,可解决跨域问题,允许不同域名间的资源访问。

    跨域:浏览器默认情况下会阻止网页从一个域名(origin)请求来自另一个域名的资源,以防止跨站点请求伪造(CSRF)和其他安全问题。

    具体报错如下图:

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

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

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

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

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

    html 代码:
        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重启即可

    声明:本文由 尋鯨錄(博主)原创,依据 CC-BY-NC-SA 4.0 许可协议 授权,转载请注明出处。

    还没有人喜爱这篇文章呢

    我要发表评论 我要发表评论
    博客logo 尋鯨錄的Blog 无心所问,无问东西

    💻️ 尋鯨錄 5月26日 在线

    🕛

    本站已运行 1 年 353 天 14 小时 19 分

    🌳

    自豪地使用 Typecho 建站,并搭配 MyLife 主题
    尋鯨錄的Blog. © 2023 ~ 2025.
    网站logo

    尋鯨錄的Blog 无心所问,无问东西