首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

DCDN如何配置跨域资源共享(CORS)

DCDN,即腾讯云内容分发网络(Distributed Content Delivery Network),是一种通过在多个地理位置分散的服务器网络中传输内容来提高内容加载速度和用户体验的技术。以下是跨域资源共享(CORS)配置的方法。

DCDN 跨域资源共享 (CORS) 配置

前置条件

  1. 在您的腾讯云账户中已创建一个名为"DCDN"的产品。
  2. 已创建一个 CORS 配置规则。
  3. 访问源站点的域名已配置对应的 CNAME 记录。

步骤一:使用腾讯云命令行工具登录 DCDN 控制台

打开腾讯云命令行工具(Windows / Mac / Linux 系统),使用您的用户名和密码登录 DCDN 控制台。

步骤二:查看源站点 CNAME 记录

在命令行输入以下命令查看源站点的 CNAME 记录:

代码语言:bash
复制
dig 源站点域名 NS 记录

示例:

代码语言:bash
复制
$ dig example.com NS

步骤三:查看 CORS 配置规则

在左侧菜单栏,找到并选择"CORS 配置"。

在 "配置规则" 页面中找到已添加的 CORS 配置规则,记录下源站点的源路径、源站点允许的源站类型、源站点允许的请求方法。

步骤四:编写 CORS 配置代码

  1. 编辑 /etc/nginx/nginx.conf 文件,打开或编辑其中的源站点配置,找到与 CORS 配置有关的部分。
  2. 在需要的部分后添加以下配置代码:
代码语言:nginx
复制
add_header Access-Control-Allow-Origin "https://源站点域名" "origin";
add_header Access-Control-Allow-Methods "OPTIONS, GET, POST, PUT, DELETE" "methods";

示例:

代码语言:nginx
复制
add_header Access-Control-Allow-Origin "https://example.com";
add_header Access-Control-Allow-Methods "OPTIONS, GET, POST, PUT, DELETE";
  1. 保存文件并重启 Nginx 服务,以确保 CORS 配置立即生效。# 使用 nginx -t 命令或 nginx -s reload 重新载入配置文件 # 重启 Nginx 服务 sudo systemctl restart nginx.service

步骤五:验证 CORS 配置是否成功

在源站点中通过 CORS 配置来访问 DCDN 的资源,查看请求头中是否包含 "允许访问的源地址":

代码语言:http
复制
Request Headers:    
Access-Control-Request-Headers: content-type, accept
Access-Control-Allow-Headers: content-type, accept
Access-Control-Allow-Methods: HEAD, GET, POST, PUT, DELETE
Access-Control-Allow-Origin: <域名>

总结

在 DCDN 中设置跨域资源共享 (CORS) 非常简单。通过按照以上步骤,您可以配置 CORS 规则以允许其他源站点访问您的 DCDN 内容。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

资源共享CORS

资源共享(CORS) 是一种机制,它使用额外的 HTTP 头来告诉浏览器 让运行在一个 origin (domain) 上的Web应用被准许访问来自不同源服务器上的指定的资源。...这意味着使用这些API的Web应用程序只能从加载应用程序的同一个请求HTTP资源,除非响应报文包含了正确CORS响应头 CORS机制支持安全的请求以及浏览器和服务器之间的数据传输。...本文是对资源共享的一般讨论,并包括对必要的HTTP标头的讨论。 功能概述部分 资源共享标准的工作原理是添加新的HTTP标头,这些标头允许服务器描述允许哪些来源从Web浏览器读取该信息。...访问控制方案的示例部分 我们提出了三种方案,这些方案演示了资源共享的工作方式。所有这些示例都使用XMLHttpRequest,可以在任何支持的浏览器中进行站点请求。...从服务器角度(包括PHP代码段)的资源共享的讨论可以在服务器端访问控制(CORS)文章中找到。 简单的要求部分 有些请求不会触发CORS的预检。

3.6K50

资源共享CORS漏洞

0x01 漏洞简介 资源共享(CORS)是一种放宽同源策略的机制,它允许浏览器向源服务器,发出 XMLHttpRequest 请求,从而克服了 AJAX 只能同源使用的限制,以使不同的网站可以获取数据...资源共享 CORS 漏洞主要是由于程序员配置不当,对于 Origin 源校验不严格,从而造成问题,攻击者可以利用 CORS 错误配置漏洞,从恶意网站读取受害网站的敏感信息。...现在,此配置将允许来自任何 Origin 的任何脚本向应用程序发出 CORS 请求。Web 浏览器将执行标准的 CORS 请求检查,来自恶意的脚本将能够窃取数据。...场景二:正则表达式检测 Origin 源 应用程序已实施 CORS 策略并对列入白名单的/子执行“正则表达式”检查。...这种错误配置将导致源共享数据。 应用程序信任列入白名单的 Origin。 应用程序不允许任何任意来源。 应用程序弱正则表达式允许在域名开头具有白名单字符串的 Origin。

3.9K60
  • 资源共享 CORS 详解

    CORS是一个W3C标准,全称是"资源共享"(Cross-origin resource sharing)。...它允许浏览器向源服务器,发出XMLHttpRequest请求,从而克服了AJAX只能同源使用的限制。 本文详细介绍CORS的内部机制。 ?...浏览器一旦发现AJAX请求源,就会自动添加一些附加的头信息,有时还会多出一次附加的请求,但用户不会有感觉。 因此,实现CORS通信的关键是服务器。只要服务器实现了CORS接口,就可以源通信。...该字段也可以设为星号,表示同意任意源请求。...true Access-Control-Max-Age: 1728000 (1)Access-Control-Allow-Methods 该字段必需,它的值是逗号分隔的一个字符串,表明服务器支持的所有请求的方法

    1K70

    资源共享(CORS)是什么?

    一、CORS 是什么? 出于安全原因,浏览器会限制脚本发起的 HTTP 请求,除非服务器同意访问。...譬如服务器对预检请求的响应 Header 中有 Access-Control-Allow-Origin: *,那么请求即可正确访问。...为了避免请求对服务器的数据产生不可知的影响,浏览器会用 OPTIONS 方法,先发送一个预检请求(preflight request),待服务器确认可以访问后,再发送实际请求。...1、其他使用场景 CORS 可以配合 token 来防止 CSRF 攻击。详情,看这里! --- 五、客户端请求 请求用到如下 Header ,无须手动设置,浏览器会自动设置。...用于响应预检请求,指明实际请求中允许携带的 Header Access-Control-Allow-Headers: [, ]* --- 七、参考文档 资源共享

    1.2K50

    掌握并理解 CORS (资源共享)

    CORS 标头允许访问响应。 CORS 与 Credentials 一起时需要谨慎。 CORS 是一个浏览器强制策略,其他应用程序不受此影响。...在这种情况下,“来源”由 协议(如http) 域名(如 example.com) 端口(如8000) 关于 CSRF(站点请求伪造) 的说明 请注意,有一类攻击称为CSRF(站点请求伪造),它无法通过同源策略来避免...咱们可以要求浏览器发送cookie,即使它是一个源: fetch('http://good.com:3000/private', { credentials: 'include' }) .then...这条规则可能有例外,但是在使用没有白名单的凭证实现CORS之前至少要三思。 总结 在本文中,咱们研究了同源策略以及如何在需要时使用CORS来允许源请求。...处理经过身份验证的请求时,应格外小心。 白名单可以帮助允许多个来源,而不会冒泄露敏感数据(在身份验证后受到保护)的风险。

    2.2K10

    Web漏洞 | CORS资源共享漏洞

    有关于浏览器的同源策略和如何获取资源,传送门 -->浏览器同源策略和的实现方法 同源策略(SOP)限制了应用程序之间的信息共享,并且仅允许在托管应用程序的内共享。...CORS资源共享 资源共享(CORS)是一种放宽同源策略的机制,它允许浏览器向源服务器,发出XMLHttpRequest请求,从而克服了AJAX只能同源使用的限制,以使不同的网站可以获取数据...CORS的安全问题 CORS非常有用,可以共享许多内容,不过这里存在风险。因为它完全是一个盲目的协议,只是通过HTTP头来控制的。那么,CORS资源共享漏洞是怎么发生的呢?... CORS漏洞的利用 CORS资源共享)错误配置漏洞的高级利用 三种对CORS错误配置的利用方法 参考文章:对五家主流网站托管服务商进行的一次渗透测试...HTTP访问控制(CORS——CORS详解 资源共享 CORS 详解 如何利用CORS

    7.6K20

    Web漏洞 | CORS资源共享漏洞

    目录 CORS资源共享 简单请求 非简单请求 CORS的安全问题 CORS漏洞的利用 有关于浏览器的同源策略和如何获取资源,传送门 -->浏览器同源策略和的实现方法 同源策略(SOP)...CORS资源共享 资源共享(CORS)是一种放宽同源策略的机制,它允许浏览器向源服务器,发出XMLHttpRequest请求,从而克服了AJAX只能同源使用的限制,以使不同的网站可以获取数据...(就是如果需要实现带 Cookie 的请求,CORS服务端需要明确的配置允许来源的,使用任意配置是不合法的)浏览器会屏蔽掉返回的结果。Javascript 就没法获取返回的数据了。... CORS漏洞的利用 CORS资源共享)错误配置漏洞的高级利用 三种对CORS错误配置的利用方法 参考文章:对五家主流网站托管服务商进行的一次渗透测试...HTTP访问控制(CORS——CORS详解 资源共享 CORS 详解 如何利用CORS

    1.3K10

    工具系列 | 资源共享 CORS 教程

    对于开发者来说,CORS通信与同源的AJAX通信没有差别,代码完全一样。浏览器一旦发现AJAX请求源,就会自动添加一些附加的头信息,有时还会多出一次附加的请求,但用户不会有感觉。...Part2工作原理 资源共享标准描述了,新的HTTP头部在浏览器有权限的时候,应该以如何的形式发送请求到远程URLs。...只限于三个值 application/x-www-form-urlencoded、multipart/form-data、text/plain 以上是为了兼容表单(form),因为历史上表单一直可以发出请求...AJAX 的设计就是,只要表单可以发,AJAX 就可以直接发。 基本流程 对于简单请求,浏览器直接发出CORS请求。具体来说,就是在头信息之中,增加一个Origin字段。...true Access-Control-Max-Age: 1728000 (1)Access-Control-Allow-Methods 该字段必需,它的值是逗号分隔的一个字符串,表明服务器支持的所有请求的方法

    78710

    java配置springboot配置Cors

    springboot配置Cors、java最简单配置解决方案 现在前后分离已经是很常见的一种开发方式了,所以难免会遇到问题,之前用的比较多的是jsonp(本人表示没用过),之前我遇到这种问题一般都是用...nginx做反向代理实现请求。...不过springmvc4.2版本增加了对cors的支持,所以解决办法就更简单了,后端一个全局配置轻松解决问题,比之前的都简单轻松。 cors协议不懂的可以百度哦,这里就不废话了。...由于现在大部分项目都是基于springboot做的,目前微服务的开发模式也很火,所以这块就用springboot做案例,用xml配置方式的自己看着改。...1、 全局配置 @Configuration public class WebAppConfigurer extends WebMvcConfigurerAdapter { @Override

    1.2K21

    实战 解决CORS error(资源共享错误)

    问题来源 我通过自建cos源cos.xpblog.cn,托管本博客(www.xpblog.cn)的静态文件,引用ttf文件时,出现了CORSerror(资源共享错误) 了解CORS 通过了解CORS...资源共享CORS资源共享 (CORS)(或通俗地译为资源共享)是一种基于 HTTP 头的机制,该机制通过允许服务器标示除了它自己以外的其它origin(,协议和端口),这样浏览器可以访问加载这些资源...资源共享还通过一种机制来检查服务器是否会允许要发送的真实请求,该机制通过浏览器发起一个到服务器托管的源资源的"预检"请求。在预检中,浏览器发送的头中标示有HTTP方法和真实请求中会用到的头。...这意味着使用这些 API 的 Web 应用程序只能从加载应用程序的同一个请求 HTTP 资源,除非响应报文包含了正确 CORS 响应头。...我们没有给另一台服务器的响应头部(header)中添加一些信息,告诉浏览器这些资源文件可以被引用来源站点“安全”的使用,导致浏览器就不会正常加载这些资源了,这样就发生了请求错误。

    48.6K11

    安全系列之:资源共享CORS

    简介 什么是资源共享呢? 我们知道一个是由scheme、domain和port三部分来组成的,这三个部分可以唯一标记一个,或者一个服务器请求的地址。...资源共享的意思就是服务器允许其他的来访问它自己的资源。 CORS是一个基于HTTP-header检测的机制,本文将会详细对其进行说明。...但是随着现代浏览器技术和ajax技术的发展,渐渐的出现了从javascript中去请求其他资源的需求,我们把这样的需求叫做请求。...这里会使用到一个叫做preflight的请求,这个请求只是向服务器确认是否支持要访问资源的请求,当客户端得到响应之后,才会真正的去请求服务器中的资源。...协议的基本概念之后,我们就可以开始使用CORS来构建资源访问了。

    37740

    简述 HTTP 请求与资源共享 CORS

    「协议」指定数据如何传输以及如何处理请求。当你查看协议时,你就能很好地理解这个 URL 的用途。...❞ 资源共享 「OPTIONS」 请求也叫做「预处理请求(pre-flight requests)」 当前,你看到的响应来自 「medium.com」 服务器。...「CORS」 定义了浏览器和服务器可以交互的方式,并确定允许请求是否安全。...❝「资源共享」(CORS)是基于 HTTP 表头的机制,它允许服务器指出浏览器应该允许加载资源的任何其他来源(、协议或端口)。...请求响应头 「Access-Control-Allow-Origin」 — 包含允许发送请求的主机名。如果这与用户所在站点的主机名不匹配,则将拒绝请求。

    1.2K10

    Flask配置Cors

    2 的处理 的这种需求还是有的,因此,W3C组织制定了一个Cross-Origin Resource Sharing规范,简写为Cors,现在这个规范已经被大多数浏览器支持,从而,处理的需求...Cors需要在后端应用进行配置,因此,是一种的后端处理方式,这么做也容易理解,一个你不认识的源来访问你的应用,自然需要应用进行授权。...即:简单请求的相反 凭证请求 Requests with Credential 发起的Http请求中带有凭证 4 Flask配置Cors Flask配Cors,使用Flask-CORS包,详细文档..." 3.3.3 CORS参数说明 参数 类型 Head字段 说明 resources 字典、迭代器或字符串 无 全局配置允许的API接口 origins 列表、字符串或正则表达式 Access-Control-Allow-Origin...配置允许访问的源,*表示全部允许 methods 列表、字符串 Access-Control-Allow-Methods 配置支持的请求方式,如:GET、POST expose_headers

    3.7K20

    安全系列之:资源共享CORS

    简介 什么是资源共享呢? 我们知道一个是由scheme、domain和port三部分来组成的,这三个部分可以唯一标记一个,或者一个服务器请求的地址。...资源共享的意思就是服务器允许其他的来访问它自己的资源。 CORS是一个基于HTTP-header检测的机制,本文将会详细对其进行说明。...但是随着现代浏览器技术和ajax技术的发展,渐渐的出现了从javascript中去请求其他资源的需求,我们把这样的需求叫做请求。...这里会使用到一个叫做preflight的请求,这个请求只是向服务器确认是否支持要访问资源的请求,当客户端得到响应之后,才会真正的去请求服务器中的资源。...协议的基本概念之后,我们就可以开始使用CORS来构建资源访问了。

    80820

    实战 解决CORS error(资源共享错误)

    问题来源 我通过自建cos源cos.xpblog.cn,托管本博客(www.xpblog.cn)的静态文件,引用ttf文件时,出现了CORSerror(资源共享错误) 了解CORS...> 资源共享CORS) > 资源共享 (CORS)(或通俗地译为资源共享)是一种基于 HTTP 头的机制,该机制通过允许服务器标示除了它自己以外的其它origin(,协议和端口),这样浏览器可以访问加载这些资源...资源共享还通过一种机制来检查服务器是否会允许要发送的真实请求,该机制通过浏览器发起一个到服务器托管的源资源的"预检"请求。在预检中,浏览器发送的头中标示有HTTP方法和真实请求中会用到的头。...这意味着使用这些 API 的 Web 应用程序只能从加载应用程序的同一个请求 HTTP 资源,除非响应报文包含了正确 CORS 响应头。...我们没有给另一台服务器的响应头部(header)中添加一些信息,告诉浏览器这些资源文件可以被引用来源站点“安全”的使用,导致浏览器就不会正常加载这些资源了,这样就发生了请求错误。

    4K20

    你不知道的CORS资源共享

    document.domain、window.name 、location.hash:借助于iframe决解DOM同源策略 postMessage:决解DOM同源策略,新方案 CORS资源共享):...这里讲的重点 CORS资源共享) HTML5 提供的标准解决方案,是一个由浏览器共同遵循的一套控制策略,通过HTTP的Header来进行交互;主要通过后端来设置CORS配置项。...CORS简单使用 之前说得CORS,嗯嗯,后端设置Access-Control-Allow-Origin:*|[或具体的域名]就好了; 第一次尝试: app.use(async(ctx,next)...Access-Control-Max-Age:最大的浏览器预检请求缓存时间,单位为s ---- CORS完整配置 koa配置CORS资源共享中间件: const cors = (origin) =...现在不管是简单请求还是非简单请求都可以访问啦~ 如何处理cookie cookie: 我们知道http时无状态的,所以在维持用户状态时,我们一般会使用cookie; cookie每次同源请求都会携带

    85830

    资源共享CORS

    什么是同源策略 https://www.cnblogs.com/poloyy/p/15345184.html 同源策略带来的问题 在前后端分离的项目中,前端和后端如果部署在同一个服务器,那么运行端口肯定不一样...请求后先判断有没有资格(权限),如果没有就会报错;如果有,则会继续请求你真正发起的请求 一句话总结:在浏览器中运行的前端编写了服务端通信的 JavaScript 代码,而服务端与前端处于不同“源”的情况 的解决方法...因为浏览器同源策略,也正是有了限制,才使我们能安全的上网 但是在实际开发中,有时候需要突破这样的限制,所以就诞生了 CORS CORS Cross-Origin Resource Sharing...资源共享 是一种基于 HTTP Headers 的机制,该机制通过允许服务器标示除了它自己以外的其它origin(,协议和端口),这样浏览器可以访问加载这些资源 CORS 还通过一种机制来检查服务器是否会允许要发送的真实请求...,该机制通过浏览器发起一个到服务器托管的源资源的"预检"请求 在预检中,浏览器发送的 Headers 中标示有 HTTP 方法和真实请求中会用到的头 详细 CORS 标准新增了一组 HTTP Headers

    49530
    领券