refactor: will throw http error and re-fetch

src/pages/news/children/recommend/sage.ts

@@ -8,18 +8,19 @@ import {
 import { RootState } from '@/store/index'
 import { getSongList, getBanner, getRecommendSongList } from './api/index'
 import { Song } from '@/interface/index'
+import { wrapperReFetch } from '@/utils'
 
 export const actions: ActionTree<RecommendState, RootState> = {
   async [RecommendActions.SET_ACTION_BANNERS]({ commit }) {
-    const banners = await getBanner(0)
+    const banners = await wrapperReFetch(() => getBanner(0))
     commit(RecommendMutations.SET_BANNERS, banners)
   },
   async [RecommendActions.SET_ACTION_SONG_LIST]({ commit }) {
-    const result = await getSongList(14)
+    const result = await wrapperReFetch(() => getSongList(14))
     commit(RecommendMutations.SET_SONG_LIST, result)
   },
   async [RecommendActions.SET_ACTION_RECOMMEND_SONG_LIST]({ commit }) {
-    const result = await getRecommendSongList()
+    const result = await wrapperReFetch(getRecommendSongList)
     commit(RecommendMutations.SET_SONG_LIST, result)
   }
 }

src/utils/http.ts

@@ -46,31 +46,29 @@ export function get<T>(
   params?: unknown,
   options?: HttpConfig
 ): Promise<T> {
-  return http
-    .get(url, {
-      params,
-      ...options
-    })
-    .catch(e => {
-      console.error(e)
-      return e
-    })
+  return http.get(url, {
+    params,
+    ...options
+  })
+  // .catch(e => {
+  //   console.error(e)
+  //   return e
+  // })
 }
 
 export function post<T>(
   url: string,
   data?: unknown,
   options?: HttpConfig
 ): Promise<T> {
-  return http
-    .post(url, {
-      data,
-      ...options
-    })
-    .catch(e => {
-      console.error(e)
-      return e
-    })
+  return http.post(url, {
+    data,
+    ...options
+  })
+  // .catch(e => {
+  //   console.error(e)
+  //   return e
+  // })
 }
 
 export default http

src/utils/index.ts

@@ -324,3 +324,18 @@ export const measureImg = (source: string) => {
 export const overNum = (num: number) => {
   return formatCount(num)
 }
+
+export const wrapperReFetch = async (
+  asyncGet: (...args: any) => Promise<any>
+) => {
+  try {
+    const res = await asyncGet()
+    return res
+  } catch (error) {
+    return new Promise(resolve => {
+      setTimeout(async () => {
+        resolve(await wrapperReFetch(asyncGet))
+      }, 1000)
+    })
+  }
+}