AWS API Gatway to upload File To S3 without AWS Lambda

Question

Hi
 i have create 1 aws api gateway which post file to s3 using aws service integration , api works fine from backend code or postman , but when i am trying to post the api from vue js or any java script  , its thorn the CORS error , i have enabled the cors setting , and tested using curl its return CORS header in response .

As per Cloud watch preflight called is failing with 500 .

`
 2022-05-25T13:38:14.343+05:30	(18e87194-3f4d-4ecf-b8fc-e6b1069eb878) Method request body before transformations: [Binary Data]

2022-05-25T13:38:14.343+05:30	(18e87194-3f4d-4ecf-b8fc-e6b1069eb878) Execution failed due to configuration error: Unable to transform request`

my vue js code

> 	const article =  "Vue POST Request Example" ;
			const headers = {
				"Content-Type":'text/plain'
			};
			axios.put("https://ivdfgjilc5.execute-api.ap-southeast-1.amazonaws.com/devv1/vxpoc-es-appsearch/tests3/tryfinal44.txt", article,headers)
				.then((response) => {
                console.log(response) 
           			 })
				.catch(error => {
					this.errorMessage = error.message;
					console.error("There was an error!", error);
					});

any suggestion on this will be helpful

Accepted Answer

hi we able to solve this issue , after discussing with aws support , as problem was not with cors. actual problem was with preflight request was giving 500 which i was mentioned in question  .
with this error

> error Execution failed due to configuration error: Unable to transform request

we figure out Binary media in api setting / was causing the problem in my case , i have changed to image/png and its started working . Thanks for all help.

Answer

I am not sure what is causing the error, but why are you uploading through API Gateway? Why not upload directly to S3? Just generate a pre-signed upload URL using a Lambda function and upload directly using that URL. It will reduce the latency and also will bypass API Gateway's 10MB payload limit.

Answer

Did you enable CORS for both API Gateway and S3?

CORS docs:
* https://docs.aws.amazon.com/apigateway/latest/developerguide/how-to-cors.html
* https://docs.aws.amazon.com/AmazonS3/latest/userguide/cors.html

AWS API Gatway to upload File To S3 without AWS Lambda

Relevant content