fix api on return view more one request

cause case: using router params for computed value, which will trigger on page router change, so as in and return views.

Author: NeserCode

src/composables/useApi.ts

@@ -19,7 +19,7 @@ const headers = {
 	authority: "api.rocotime.com",
 	accept: "application/json, text/plain, */*",
 	"accept-language": "zh-CN,zh;q=0.9,en;q=0.8,en-GB;q=0.7,en-US;q=0.6",
-	// "content-type": "application/json",
+	"content-type": "application/json",
 	"Access-Control-Allow-Credentials": "true",
 	dnt: "1",
 	origin: "https://rocotime.com",

src/composables/useHttp.ts

@@ -39,7 +39,7 @@ export class RocoRequest {
 		// Request Interception
 		this.$interceptors.request()
 		console.log("HTTP ST GET - ", reqUrl)
-		console.time("GET" + reqUrl)
+		console.time(reqUrl)
 		// Request
 		const response = await fetch<T>(reqUrl, {
 			...this.$Option,
@@ -48,7 +48,7 @@ export class RocoRequest {
 			query: { ...params },
 			responseType: ResponseType.JSON,
 		})
-		console.timeEnd("GET" + reqUrl)
+		console.timeEnd(reqUrl)
 		console.log("HTTP RC GET - ", response.status)
 
 		// Response Interception
@@ -62,7 +62,7 @@ export class RocoRequest {
 		// Request Interception
 		this.$interceptors.request()
 		console.log("HTTP ST POST - ", reqUrl)
-		console.time("POST" + reqUrl)
+		console.time(reqUrl)
 		// Request
 		const response = await fetch<T>(reqUrl, {
 			...this.$Option,
@@ -71,7 +71,7 @@ export class RocoRequest {
 			body: Body.json({ ...params }),
 			responseType: ResponseType.JSON,
 		})
-		console.timeEnd("POST" + reqUrl)
+		console.timeEnd(reqUrl)
 		console.log("HTTP RC POST - ", response.status)
 
 		// Response Interception

src/views/Angel.vue

@@ -13,12 +13,10 @@ import { WindowCreator } from "../composables/useWindow"
 const $route = useRoute()
 const { getAngel, iconStaticURL, featureStaticURL, talentStaticURL } = useApi()
 
-const angelData = computedAsync(async (onCancel) => {
-	const abortController = new AbortController()
-
-	onCancel(() => abortController.abort())
-
-	return await getAngel({ hash: $route.params.hash as string })
+const routeHash = $route.params.hash as string
+const angelData = computedAsync(async () => {
+	console.log(routeHash)
+	return await getAngel({ hash: routeHash })
 })
 
 function getIconSrc() {

src/views/Skill.vue

@@ -12,12 +12,9 @@ const $route = useRoute()
 const { getSkill, damageTypeStaticMap, featureStaticURL, iconStaticURL } =
 	useApi()
 
-const skillData = computedAsync(async (onCancel) => {
-	const abortController = new AbortController()
-
-	onCancel(() => abortController.abort())
-
-	return await getSkill({ hash: $route.params.hash as string })
+const routeHash = $route.params.hash as string
+const skillData = computedAsync(async () => {
+	return await getSkill({ hash: routeHash })
 })
 
 function getPropertyIconSrc(propertyIndex: string) {