javascript - vuejs無法讀取mp3檔的信息
準備用vue做一個音樂播放器，現在遇到了一點問題，先貼程式碼：
main.js部分：
const store = new Vuex.Store({
state: {
songList: [{
name: 'For You',
id: '28001046',
duration: '03:18',
arname: 'Madeon'
}]
}
｝player.vue部分
<audio ref="player" @canplay="musicTime" @ended="ended" id="v-player-music">
<source :src="mp3Url">
</audio>
export default {
data () {
return {
mp3Url: ''
}
},
created: function () {
this.axios.get('http://localhost:3000/music/url?id=' + this.$store.state.songList[0].id).then(res => {
this.mp3Url = res.data.data[0].url;
});
}
}
（以上程式碼只選取了有用的部分）
下面是api回傳的資料
#現在的問題是，如果mp3正確讀取了，播放器應該會顯示歌曲的duration，但是現在無法讀取到duration，音樂也無法播放
#這是說明mp3沒有正確讀取嗎，但是我認為自己的程式碼應該沒有問題，控制台也沒有報錯。所以問題到底在哪裡，如何才能正確載入mp3檔呢？
