修改了api集中化 搞定了vuex

src/api/index.ts

@@ -1,14 +1,10 @@
-import { get, post } from './base'
+import router from '@/router';
+import store from '@/store';
+import { LoginData, UserInfo } from '@/types';
+import { saveValue } from '@/utils/common';
+import { message } from 'ant-design-vue';
+import { get, post, setToken } from './base'
 
-/**
- * 请求验证码
- * @param phone 手机号
- * @param type 类型 0国内 1国外
- */
-
-export function sendsms(phone: string, type?: number){
-    return post('SendSms',{phone, type})
-}
 
 /**
  * 用户名密码登录
@@ -16,13 +12,31 @@ export function sendsms(phone: string, type?: number){
  * @param password 密码
  */
 
-export function loginpass(phone: string, password: string){
-    return post("login",{type: 2,username: phone, password: password})
+export async function loginpass(phone: string, password: string){
+    const res = await post<LoginData>("login",{type: 2,username: phone, password: password});
+    console.log(res.code)
+    if(res.code == 1){
+        message.error(res.msg)
+    }else{
+        console.log(res.data)
+        if(!saveValue("token", res.data?.api_token) && !saveValue("memberid", res.data?.memberid) ){
+            message.error("存储错误, 请允许网页使用本地存储！")
+        }else{
+            setToken();
+            store.commit("login");
+            router.push("/mine/archives")
+        }
+    }
 }
 
 /**
- * 用户信息详情
+ * 用户头像和用户名字
  */
-export function userinfo(){
-    return get('personalInfo')
-}
+export async function userinfo(){
+    const user =  await get<UserInfo>('personalInfo');
+    console.log(user.data?.img)
+    return {
+        head: user.data?.img,
+        username: user.data?.name
+    }
+}