Sending Audio file from Django to Vue

I’m trying to send gtts generated audio file from Django to Vue via HttpResponse.

Django’s views.py:

f = open('path/of/mp3/file', 'rb')
response = HttpResponse()
response.write(f.read())
response['Content-Type'] = 'audio/mp3'
response['Content-Length'] = os.path.getsize('path/of/mp3/file')

return response

and when vue receives the response data, it is like the below:

data: '��D�x00x11Cx19�x01F(x00x00x04 �&N�""""���ޓ�������x7F���Bx10���w�����…���_�F��1B��H���x16LAME3.100�����������������������' # and so on

I guess it is because the bytes have been converted to string over the transfer and I have to convert it back to the audio file. But no matter whether using blob or other suggested methods, I could not convert it to an mp3 file to be played in javascript.

How could I achieve this?