Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/372.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript VueJS+;S3和跨源读取阻塞问题(CORB)_Javascript_Html_Vue.js_Amazon S3_Cross Origin Read Blocking - Fatal编程技术网

Javascript VueJS+;S3和跨源读取阻塞问题(CORB)

Javascript VueJS+;S3和跨源读取阻塞问题(CORB),javascript,html,vue.js,amazon-s3,cross-origin-read-blocking,Javascript,Html,Vue.js,Amazon S3,Cross Origin Read Blocking,我有一个用VueJS编写的SPA应用程序,它托管在AWS S3+CloudFront上。 在本地,我只是使用默认设置中的npm run service 现在,我将一个SVG文件上传到S3,并将该文件作为read public,并附加了这些元属性: 内容类型:application/xml x-amz-meta-alt-name:my-file-name.svg 在我的VueJS应用程序中,我尝试读取以下文件: 那么我有一个错误: Cross-Origin Read Blocking (CO

我有一个用VueJS编写的SPA应用程序,它托管在AWS S3+CloudFront上。 在本地,我只是使用默认设置中的
npm run service

现在,我将一个SVG文件上传到S3,并将该文件作为
read public
,并附加了这些元属性:

  • 内容类型:application/xml
  • x-amz-meta-alt-name:my-file-name.svg
在我的VueJS应用程序中,我尝试读取以下文件:

那么我有一个错误:

Cross-Origin Read Blocking (CORB) blocked cross-origin response https://my-bucket-name.s3.eu-west-1.amazonaws.com/dir1/dir2/1664599964b64e68b9a20637209bca01.svg with MIME type application/xml. See https://www.chromestatus.com/feature/5629709824032768 for more details.
但在我上传PNG文件的同时,我可以毫无问题地读取文件

你有类似的问题吗? 你是怎么解决的