djangoで作成したAPIでbase64でエンコードしたファイルのurlを返す方法。

Question

発生している問題

djangoとVueで作成したアプリをherokuにデプロイしたのですが、djangoモデルのimagefieldに保存された画像ファイルのurlをbase64でエンコードしたデータをvueに渡そうとすると500 Internal server errorとなってしまいます。
開発環境では問題なく動いていたのですが、本番環境ではこのようなエラーが出てしまいました。
エラーを発生させることなくdjangoAPIからvueへデータを渡すにはどうすればいいでしょうか。
回答お願いします。

該当のソースコード

以下がdjangoのモデルです。

class Post(models.Model):
    """投稿モデル"""

    picture = models.ImageField(
        upload_to='posts/',
        verbose_name='画像',
        validators=[FileExtensionValidator(['jpeg', 'jpg'])],
        null=True,
    )

　　@property
    def picture_url(self):
        with open(self.picture.path, 'rb') as f:
            data = f.read()
        encode_data = base64.b64encode(data)
        return "data:image/jpeg;base64,{}".format(encode_data.decode())
    

Answer 1

原因は本番環境でのメディアファイルのストレージをAmazonS3にしていたことで、base64エンコードは問題ではありませんでした。
AmazonS3ではself.picture.pathが正しく参照できておらず、私の場合上記のコードは本番環境ではうまく機能しなかったので、とりあえず下記の方法で対処しました。
また、S3にバケットポリシーを正しく指定していないとエラーが発生するようです。

　　　@property
   　def picture_url(self):
        if settings.DEBUG:
            with open(self.picture.path, 'rb') as f:
                data = f.read()
            encode_data = base64.b64encode(data)
        else:
            import requests
            r = requests.get(self.picture.url)
            encode_data = base64.b64encode(r.content)
        return "data:image/jpeg;base64,{}".format(encode_data.decode())