Amazon web services 从AWS S3获取文件+;在Safari上进行Cloudfront工作,但不要';不能在Chrome和Firefox上工作(404在跨源时找不到严格的源)

Amazon web services 从AWS S3获取文件+;在Safari上进行Cloudfront工作,但不要';不能在Chrome和Firefox上工作(404在跨源时找不到严格的源),amazon-web-services,amazon-s3,amazon-cloudfront,Amazon Web Services,Amazon S3,Amazon Cloudfront,我正在执行预览存储在AWS S3和Cloudfront上的pdf文件的功能。我已在我的存储桶的权限中设置了CORS: [ { "AllowedHeaders": [ "*" ], "AllowedMethods": [ "GET", "HEAD" ],

我正在执行预览存储在AWS S3和Cloudfront上的pdf文件的功能。我已在我的存储桶的权限中设置了CORS:

[
    {
        "AllowedHeaders": [
            "*"
        ],
        "AllowedMethods": [
            "GET",
            "HEAD"
        ],
        "AllowedOrigins": [
            "*"
        ],
        "ExposeHeaders": []
    }
]
我还在CloudFront中配置,未登录到我的站点的用户将无法访问此文件

我使用的是CakePHP4和Vuejs,为了访问PDF文件,我必须在JS文件中调用API:
/API/preview file/30.json

import * as pdfjsLib from 'pdfjs-dist'
import * as pdfjsWorker from 'pdfjs-dist/build/pdf.worker.entry'

pdfjsLib.GlobalWorkerOptions.workerSrc = pdfjsWorker

export default {
    name: 'PreviewFile',
    mounted () {
        // const url = this.$route.query.q
        pdfjsLib.getDocument('/api/preview-file/30.json').promise.then(pdf => {
            const viewer = document.getElementById('pdf-viewer')

            for (let pageNum = 1; pageNum <= pdf.numPages; pageNum++) {
                const canvas = document.createElement('canvas')
                canvas.className = 'pdf-page-canvas'
                viewer.appendChild(canvas)
                pdf.getPage(pageNum).then(page => {
                    const viewport = page.getViewport({ scale: 2 })
                    canvas.height = viewport.height
                    canvas.width = viewport.width
                    page.render({ canvasContext: canvas.getContext('2d'), viewport: viewport })
                })
            }
        })
    }
}
import*作为pdfjsLib从“pdfjs dist”导入
从“pdfjs dist/build/pdf.worker.entry”以pdfjsWorker的身份导入*
pdfjsLib.GlobalWorkerOptions.workerSrc=pdfjsWorker
导出默认值{
名称:“预览文件”,
挂载(){
//const url=this.$route.query.q
pdfjsLib.getDocument('/api/preview file/30.json').promise.then(pdf=>{
const-viewer=document.getElementById('pdf-viewer')
for(让pageNum=1;pageNum{
const viewport=page.getViewport({scale:2})
canvas.height=viewport.height
canvas.width=viewport.width
render({canvasContext:canvas.getContext('2d'),viewport:viewport})
})
}
})
}
}
它在safari上运行良好,但我不知道为什么不能在Chrome和Firefox上运行

狩猎:

Firefox:404跨原点时未找到严格原点