Spotify/top-lists
0
0
Fork 0
Code Issues Activity

Add Axios and data fetching to the MainView

Browse source
This commit is contained in:
Tyler-A 2020-08-03 22:03:24 -06:00
parent b8c4ed9c4b
commit 647727c388
2 changed files with 53 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

25
src/components/ControlBar.vue
View file

@ -70,6 +70,7 @@
</template>
<script>
import * as axios from "axios";
import Icon from "./Icon.vue";
export default {
@ -147,6 +148,30 @@ export default {
duration: this.duration,
});
},
},
mounted: function() {
this.$nextTick(function() {
axios.get(
`${this.api_url}/me`,
{ headers: { Authorization: `Bearer ${this.token}` } }
).then((response) => {
if (response.error) {
window.location.hash = ``;
window.location.href = `${this.auth.redirect}?error=${encodeURI(response.error)}`;
return
}
let data = response.data;
// Set the Vue user object
this.user.name = data.display_name;
this.user.image = data.images.length > 0 ? data.images[0].url : ``;
}).catch((err) => {
window.location.hash = ``;
window.location.href = `${this.auth.redirect}?error=${encodeURI(err)}`;;
return
})
});
}
}
</script>