解决浏览器跨域(CORS)问题的实践 实践案例 下面我们将以GET请求为例展示配置CORS前后跨域访问ZOS桶内资源的情况。 前提条件 登录ZOS控制台创建桶bucketff177,并设置其ACL权限为“公有读”。上传一个名为"hello.txt"的文件,文件内容为“Hello World!"; 点击文件后获取该图片的访问链接: 网络限制 (Network conditions),在界面中勾选“停用缓存”选项,即可禁用浏览器缓存。 Fetch API:Fetch API 是一个现代的网络请求API,可以用于替代浏览器中的XMLHttpRequest。Fetch API 支持CORS(跨源资源共享),因此可以用于发送跨域请求。 实践步骤 1.在终端输入 curl 2.采用静态html页面利用Fetch API模拟跨域访问该Object,在桌面创建一个名为test的文件,后缀为html,文件内容如下: html Send Get Request body { display: flex; justifycontent: center; alignitems: center; height: 100vh; fontfamily: Arial, sansserif; } button { margin: 20px; padding: 10px 20px; fontsize: 1.2rem; border: none; borderradius: 5px; backgroundcolor:
来自: