首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >请求头字段…在飞行前响应中,访问控制允许标头不允许。

请求头字段…在飞行前响应中,访问控制允许标头不允许。
EN

Stack Overflow用户
提问于 2017-07-15 12:59:32
回答 2查看 5.5K关注 0票数 6

我使用react/express和django作为后端。

我正在尝试集成s3优秀的上传器,我得到了这个问题:请求头字段缓存-控制是不允许的访问-控制-允许头部在飞行前的响应时,试图从django获得签名,在一个post请求。

通常,我在代码中使用fetch进行所有请求,但是在这里,我使用包https://github.com/FineUploader/react-fine-uploader,它使用xhr?任何人都会遇到这个问题。

简要说明

错误:请求标头字段缓存-在飞行前响应中访问控制-允许-头部不允许.

正面:反应/表达/webpack

后端:Dajngo

环境:本地(django服务器,反应性本地api)

原因: xhr?

EN

回答 2

Stack Overflow用户

发布于 2017-12-03 21:06:56

你的问题在后台。您试图使用的api似乎是用django编写的。

api所有者需要显式地将该头添加到CORS_ALLOW_HEADERS设置中。在上传图片时,我的内容配置标题也有同样的问题。这是我的设置:

代码语言:javascript
复制
CORS_ALLOW_HEADERS = ('content-disposition', 'accept-encoding',
                      'content-type', 'accept', 'origin', 'authorization')

在您的情况下,该设置需要包括“缓存-控制”。

票数 15
EN

Stack Overflow用户

发布于 2017-07-15 21:06:53

看起来,您需要在初始化精细Uploader时启用cors

代码语言:javascript
复制
import React, { Component } from 'react'
import FineUploaderTraditional from 'fine-uploader-wrappers'
import Gallery from 'react-fine-uploader'

// ...or load this specific CSS file using a <link> tag in your document
import 'react-fine-uploader/gallery/gallery.css'

const uploader = new FineUploaderTraditional({
    options: {
        chunking: {
            enabled: true
        },
        cors: {
            //all requests are expected to be cross-domain requests
            expected: true,
            //if you want cookies to be sent along with the request
            sendCredentials: true
        },
        deleteFile: {
            enabled: true,
            endpoint: '/uploads'
        },
        request: {
            endpoint: '/uploads'
        },
        retry: {
            enableAuto: true
        }
    }
})

class UploadComponent extends Component {
    render() {
        return (
            <Gallery uploader={ uploader } />
        )
    }
}

详情请参见文献资料

票数 -1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/45118468

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档