腾讯云、阿里云设置跨域操作流程

yetianjian

本文有图讲解，可注册论坛账号登录查看会比较清楚噢~

现海报优化改为前端生成，若站点有开启远程附件（比如阿里云、腾讯云存储），会涉及到前端有域名跨域配置，请注意登录第三方后台按教程配置。注意：站点有配置远程云存储的，海报才能开启前端生成，否则海报背景图不显示。若没配置云存储，海报不要开启前端生成，否则也影响到海报背景图不显示。若是看了下方教程不懂如何填写，可参考这边的配置，如下图所示

来源 ：填写oss的bucket外网地址，复制填写（注意前缀加https://）

允许 Methods：全选
允许 Headers：*
暴露 Headers：不填
缓存时间（秒）：3600
返回 Vary: Origin：勾选




一、腾讯云跨域配置

1、登录腾讯云https://cloud.tencent.com/，在云产品搜索对象存储。下图所示


2、单击存储列表找到对应的存储列表后点击配置管理。（若想用原已配置的远程存储桶，可对应商城框架远程附件腾讯云Bucket，点击配置管理）



3、进入配置管理后，在跨域访问CORS设置，单击添加规则，配置内容可参考以下配置或腾讯官方文档 https://cloud.tencent.com/document/product/436/13318




注：添加规则信息（带 * 号的为必填项），配置项说明如下

Origin：允许跨域请求的来源。支持填写具体站点域名。比如您站点域名是demo.yunzmall.cn，则填写https://demo.yunzmall.cn。若支持所有，可填 *。  参考腾讯官方文档 https://cloud.tencent.com/document/product/436/13318

Methods：支持 GET、PUT、POST、DELETE、HEAD，可全选，具体按您的实际情况选择。

Allow-Headers：建议填 * ，表示允许所有。

Expose-Headers：具体的配置需要根据应用的需求确定，默认推荐填写 Etag。不允许使用通配符，大小写不敏感，支持多行且每行只能填写一个。

超时 Max-Age：设置 OPTIONS 请求得到结果的有效期（秒）。数值必须为正整数，如果没有特殊情况可酌情设置大一点，例如1800、3600等其他数字都可以。

二、阿里云跨域设置

1、登录阿里云--控制台 https://www.aliyun.com，搜索oss对象存储。如下图所示

2、单击Bucket 列表，创建新Bucket  或者 使用原有站点配置的对应Bucket ，之后单击目标Bucket名称，单击权限管理 > 跨域设置，在跨域设置区域单击设置，创建规则，打开设定跨域规则对话框

3、配置内容可参考阿里云官方文档：https://help.aliyun.com/document_detail/31903.html?spm=a2c4g.11186623.2.12.32b9c451FdQDr1#concept-pbw-4df-vdb


三、若有小程序商城，小程序mp平台--开发设置--downloadFile合法域名再加上三域名：
1、统一域名为 https://wx.qlogo.cn 、 https://thirdwx.qlogo.cn 如下图


2、第三域名为 商城海报背景图的域名，下图圈中的位置。若还没创建过海报，可直接在海报背景图那 上传一张图 获取图片地址域名。


或者是远程附件的url，如下图