fix: 相似歌手接口需要登录；未登录获取艺人热门歌曲没有图片 (#2286)

src/api/artist.js

@@ -1,5 +1,7 @@
 import request from '@/utils/request';
 import { mapTrackPlayableStatus } from '@/utils/common';
+import { isAccountLoggedIn } from '@/utils/auth';
+import { getTrackDetail } from '@/api/track';
 
 /**
  * 获取歌手单曲
@@ -14,7 +16,13 @@ export function getArtist(id) {
       id,
       timestamp: new Date().getTime(),
     },
-  }).then(data => {
+  }).then(async data => {
+    if (!isAccountLoggedIn()) {
+      const trackIDs = data.hotSongs.map(t => t.id);
+      const tracks = await getTrackDetail(trackIDs.join(','));
+      data.hotSongs = tracks.songs;
+      return data;
+    }
     data.hotSongs = mapTrackPlayableStatus(data.hotSongs);
     return data;
   });

src/views/artist.vue

@@ -292,9 +292,11 @@ export default {
         this.mvs = data.mvs;
         this.hasMoreMV = data.hasMore;
       });
+      if (isAccountLoggedIn()) {
         similarArtists(id).then(data => {
           this.similarArtists = data.artists;
         });
+      }
     },
     setPopularTracks(hotSongs) {
       const trackIDs = hotSongs.map(t => t.id);

src/views/explore.vue

@@ -120,10 +120,13 @@ export default {
       setTimeout(() => {
         if (!this.show) NProgress.start();
       }, 1000);
-      this.activeCategory =
-        this.$route.query.category === undefined
-          ? '全部'
-          : this.$route.query.category;
+      const queryCategory = this.$route.query.category;
+      if (queryCategory === undefined) {
+        this.playlists = [];
+        this.activeCategory = '全部';
+      } else {
+        this.activeCategory = queryCategory;
+      }
       this.getPlaylist();
     },
     goToCategory(Category) {