<audio>のsrcに変数を指定すると音声が再生できない

Question

質問

srcに変数を指定すると音声が再生できません。
:src="filepath"
定数だと再生できますが、原因は何でしょうか？
src=https://s3-ap-northeast-1.amazonaws.com/***/sound.mp3

ソースコード

<audio id="player" control>
  <source :src="filepath" type="audio/mp3">
</audio>

data() {
  options: "",
  filepath: "",
},
mount() {
  // Plyrを使用しています
  const player = new Plyr("#player", this.options);
},
methods: {
  getSound(speaker) {
      axios.get("/api/get/sound/")
        .then(response => {
          this.filepath = response.data;
        });
    }
}

public function getSound()
{
    //phpからはファイルの相対パスを返しています。
    return 'media/sound.mp3';
}

エラー内容

Module parse failed: Unexpected character '�' (1:0)
You may need an appropriate loader to handle this file type.
(Source code omitted for this binary file)

Comments

[t_obara]

response.data に期待通りのファイル名が入っていることは確認しているのでしょうか？