Azure Blob 저장소에 파일을 업로드하기 위해 React 앱에 FineUploader React 라이브러리를 구현하려고합니다.FineUploader 잘못된 Azure Blob 저장 URI
어떤 이유로 든 FineUploader에서 BLOB 저장소 URI가 잘못 표시됩니다.
import React, { Component } from 'react';
import FineUploaderAzure from 'fine-uploader-wrappers/azure'
import Gallery from './gallery/index';
const uploader = new FineUploaderAzure({
options: {
cors: {
expected: true,
sendCredentials: true
},
signature: {
endpoint: 'https://myapp.com/api/getsas'
},
request: {
endpoint: 'https://myaccount.blob.core.windows.net/test-container'
},
uploadSuccess: {
endpoint: 'https://myapp.com/api/done'
}
}
})
class Index extends Component {
render() {
return (
<Gallery uploader={uploader} />
)
}
}
export default Index;
가 여기에 콘솔에서보고 있어요 오류입니다 : 내 테스트 구성 요소에 FineUploader을 실체화하는 방법
이입니다. FineUploader가 BLOB 저장소에 잘못된 URI를 사용하고있는 것 같습니다.
어떤 원인 일 수 있습니까?
업데이트 :이 옵션 섹션에서 containerUrl
에 endpoint
을 변경하지만 그 중 도움을 보이지 않았다 , GauravMantri의 제안 @를 당으로. 내가 보내고있다 요청은 다음과 같습니다 : 나는 우편 배달을 통해 요청을 보낼 때 여기에 내가지고있어 SAS의
const uploader = new FineUploaderAzure({
options: {
cors: {
expected: true,
sendCredentials: true
},
signature: {
endpoint: 'https://myapp.com/api/getsas'
},
request: {
containerUrl: 'https://myaccount.blob.core.windows.net/test-container'
},
uploadSuccess: {
endpoint: 'https://myapp.com/api/done'
}
}
})
: 여기처럼 보이는 무엇
http://example.com/api/files/get/sas?blobUri=https://myaccount.blob.core.windows.net/test-container/test.txt&_method=put
그리고 여기에 내가받은 SAS의 :
"?sv=2017-04-17&sr=b&sig=7pXTnI2r8uGyZms12T9cRvHg1XlLI53ZJtwPUwGElnY%3D&st=2017-12-28T14%3A02%3A56Z&se=2017-12-28T14%3A22%3A56Z&sp=w"
몇 가지 : 1) 여기 요청 옵션을 볼 때 : https://docs.fineuploader.com/quickstart/02-setting_options-azure.html,'request'의 매개 변수 이름은'endpoint'입니다 만, 여기를보십시오 : https://docs.fineuploader.com/api/options-azure.html#request-option, 매개 변수 이름은'containerUrl'입니다. 이 문제의 원인인지 확실하지 않습니다. 2) 귀하의 서비스에서 반환 된 SAS를 공유 할 수 있습니까? (명백히 계정 이름 및 기타 세부 사항을 모호하게 만듭니다.) –
@GauravMantri 최근 답변에 죄송합니다. 나는 매개 변수를'containerUrl'로 변경하려고했지만 도움이되지 않았다.내'options' 섹션의 모습을 보여주기 위해 원래 게시물을 업데이트했습니다. 백엔드에서받은 'SAS'도 게시했습니다. 도와 줘서 고마워. – Sam
Sam : 걱정 마세요. 1) 어떤 이유로 SAS 토큰은'% 22 '로 이스케이프 된 큰 따옴표 (''')를 포함하고 있습니다 .2)'test.txt'라는 이름의 파일에 대해 SAS를 생성하더라도 그 이름은 업로드 요청에 포함되지 않습니다 (Chrome 오류 스크린 샷) –