我使用react/express和django作为后端。
我正在尝试集成s3优秀的上传器,我得到了这个问题:请求头字段缓存-控制是不允许的访问-控制-允许头部在飞行前的响应时,试图从django获得签名,在一个post请求。
通常,我在代码中使用fetch进行所有请求,但是在这里,我使用包https://github.com/FineUploader/react-fine-uploader,它使用xhr?任何人都会遇到这个问题。
简要说明
错误:请求标头字段缓存-在飞行前响应中访问控制-允许-头部不允许.
正面:反应/表达/webpack
后端:Dajngo
环境:本地(django服务器,反应性本地api)
原因: xhr?
发布于 2017-12-03 21:06:56
你的问题在后台。您试图使用的api似乎是用django编写的。
api所有者需要显式地将该头添加到CORS_ALLOW_HEADERS设置中。在上传图片时,我的内容配置标题也有同样的问题。这是我的设置:
CORS_ALLOW_HEADERS = ('content-disposition', 'accept-encoding',
'content-type', 'accept', 'origin', 'authorization')在您的情况下,该设置需要包括“缓存-控制”。
发布于 2017-07-15 21:06:53
看起来,您需要在初始化精细Uploader时启用cors。
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 } />
)
}
}详情请参见文献资料。
https://stackoverflow.com/questions/45118468
复制相似问题