By using AWS re:Post, you agree to the AWS re:Post Terms of Use
AWS re:Postre:Post
About re:Post

InvalidToken Error Occurred when calling the PutObject operation

1

I am hosting a Django webapp on Vercel and storing the Django media files in an S3 bucket. I established a bucket policy to allow for get/put capabilities and created an IAM user for keys. When testing from my local host this working fine and I was able to get images and put new images (for user profiles) without issue. Now that I have implemented the same process within Vercel; I am receiving the following error: botocore.exceptions.ClientError: An error occurred (InvalidToken) when calling the PutObject operation: The provided token is malformed or otherwise invalid. It should be noted the default profile image is* being served properly and without issue from this bucket, so I know the connection is at least established. My AWS settings within Django are as follows:

MEDIA_ROOT = os.path.join(BASE_DIR, 'media')
MEDIA_URL = "/media/"
DEFAULT_FILE_STORAGE = 'storages.backends.s3boto3.S3Boto3Storage'
# AWS
AWS_ACCESS_KEY_ID = 'xxxxxxxxxxxxxxxxxxxxxxxxxx'
AWS_SECRET_ACCESS_KEY = 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx'
AWS_STORAGE_BUCKET_NAME = 'xxxxxxxxxxxxxx'
AWS_S3_REGION_NAME = 'us-east-1'
AWS_QUERYSTRING_AUTH = False
AWS_SECURITY_TOKEN_IGNORE_ENVIRONMENT = True
AWS_IGNORE_ENVIRONMENT_CREDENTIALS = True

I was under the impression if I was using long term programmatic keys, a session token wouldn't matter.
The AWS_SECURITY_TOKEN_IGNORE_ENVIRONMENT and AWS_IGNORE_ENVIRONMENT_CREDENTIALS were not originally set and only used for troubleshooting at the suggestion of a forum. I also opened a support ticket with Vercel to see if there is a `/.aws credentials or config file where the app is being hosted. I have spent hours troubleshooting this an have yet to come up with a solution. Any assistance with this would be greatly appreciated.

  • Cxy
    2 years ago

    I'm getting exactly the same problem as you. Also using Django & React & Vercel. It's strange that it works in localhost, but fails on vercel. I've also spent one day on this issue.

  • Prashant
    10 months ago

    I am experiencing the same issue while hosting my Django web application on Vercel with media files stored in an S3 bucket. Despite setting up the bucket policy and IAM user keys correctly, everything works fine on localhost, but I get the InvalidToken error when trying to upload files on Vercel.

Topics
StorageSecurity, Identity, & Compliance
Tags
Amazon Simple Storage ServiceAWS Identity and Access ManagementIAM Policies
Language
English
chhupe
asked 2 years ago4.5K views
2 Answers
0

Hi, this issues seems to happen to others: https://github.com/aws-amplify/amplify-js/issues/9773 This ticket proposes a solution (see toward the end) that you may try in your case

profile pictureAWS
EXPERT
Didier_Durand
answered 2 years ago
  • chhupe
    2 years ago

    Thanks for the response. I reviewed the post and it is specific to React and the user has defined his own methods for upload. I am using Django's built in save function and tested that it worked prior to deploying to a live env. That leads me to believe there is some sort of hangup outside of my code.

0

Thanks to your post, I realized that it should be a problem in Vercel, not Django. (Before that my google key word was always "Django + error message"). Then I find this article: https://vercel.com/guides/how-can-i-use-aws-s3-with-vercel It says we should first configure the env variables in project settings on the Vercel dashboard. I added AWS credentials and region, redeployed it (this is important!) , and, it finally works. I hope this can help you a little bit.

Cxy
answered 2 years ago

You are not logged in. Log in to post an answer.

A good answer clearly answers the question and provides constructive feedback and encourages professional growth in the question asker.

Guidelines for Answering Questions

Relevant content