oss附件请求地址跨域访问

如果您的 OSS 附件请求地址与您的网站不在同一个域名下，那么浏览器会禁止跨域访问。解决这个问题有以下几种方法：

1. 使用阿里云的 CDN 加速。将对象存储中的附件通过 CDN 加速后，可以通过 CDN 的域名进行访问，从而避免跨域问题。

2. 配置跨域资源共享（CORS）。在 OSS 控制台中，可以配置 CORS 规则，允许指定的域名进行跨域访问。在返回请求时，OSS 会自动添加相应的 CORS 头信息。

3. 使用反向代理。在服务器端设置一个代理服务器，将跨域请求转发到 OSS 的域名下，然后将结果返回给客户端。常用的反向代理工具有 Nginx 和 Apache。

以上是解决跨域访问 OSS 附件的一些常用方法，您可以根据自己的需求选择适合的方案。

相关问题

window.XMLHttpRequest() 跨域访问 OSS文件

在前端中，我们可以使用 XMLHttpRequest 对象来进行跨域访问 OSS 文件。具体步骤如下：

1. 创建 XMLHttpRequest 对象
2. 使用 open() 方法设置请求方法和请求地址
3. 使用 setRequestHeader() 方法设置请求头信息
4. 使用 send() 方法发送请求
5. 监听 onreadystatechange 事件，获取响应结果

以下是示例代码：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://example.oss-cn-hangzhou.aliyuncs.com/example.jpg', true);
xhr.setRequestHeader('Authorization', 'Bearer ' + token);
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    var imgUrl = URL.createObjectURL(xhr.response);
    document.getElementById('img').src = imgUrl;
  }
};
xhr.send();

其中，token 是通过后端接口获取的 OSS 访问凭证。

window.XMLHttpRequest() 跨域访问 OSS公共读文件

在前端中，可以使用XMLHttpRequest对象来进行跨域访问OSS公共读文件。具体步骤如下：

1. 创建XMLHttpRequest对象

var xhr = new XMLHttpRequest();

2. 设置请求方式和请求地址

xhr.open('GET', 'https://your-bucket-name.oss-cn-hangzhou.aliyuncs.com/your-file-name', true);

3. 设置响应类型

xhr.responseType = 'blob';

4. 发送请求

xhr.send();

5. 监听请求状态变化

xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    // 请求成功，获取响应数据
    var blob = xhr.response;
    // 处理响应数据
  }
};