validateLogin: (url, uname, pwd) => {
    // 使用post請求，請求體data即傳入兩個必要值
    http
      .post(url, {
        username: uname,
        password: pwd,
      })
      // 在then中處理請求成功的方法
      .then((res) => {
        console.log(res);
        let token = res.data.msg;
        localStorage.setItem("token", token);
        fastMessage.success("成功登錄！");
      })
      // 在catch中處理請求失敗的方法
      .catch((err) => {
        fastMessage.error("用戶名或密碼錯誤！");
        return false;
      });
    // 返回值有無取決于你的項(xiàng)目需求
    return true;
  },

import http from "./http.js";
let userDatas;
// 異步函數(shù)，發(fā)送后端查詢數(shù)據(jù)庫得到所有用戶信息
async function userDataQuery(url) {
  try {
    // 異步請求后端并拿到結(jié)構(gòu)Promise
    let res = await http.get(url);
    // 將獲取到的響應(yīng)體中的值賦予給全局變量
    userDatas = res.data.data;
    console.log(userDatas);
  } catch (err) {
    console.log("這TMD是錯的");
  }
  // 返回全局變量
  return userDatas;
}
export default {
  userDataQuery,
};

import { onMounted, reactive, ref } from "vue";
import apiQuery from "../../api/api-query.js";
import dbStore from "../../store/db-store.js";
const store = dbStore();
let datas = reactive(store.$state.userLists);
// 執(zhí)行最后一步的promise處理
apiQuery.userDataQuery("/sdb/allusers").then((res) => {
  // 調(diào)用store中的方法直接把數(shù)據(jù)存儲到status域中的變量
  store.setUsersList(res);
  // 隨意輸出一些內(nèi)容作為驗(yàn)證
  console.log(res);
});

import { defineStore } from "pinia";
import Names from "./names.js";
const dbStore = defineStore(Names.DBSTORE, {
  // 隨意配置一個數(shù)組變量userLists
  state: () => {
    return {
      userLists: [],
    };
  },
  actions: {
    // 設(shè)置變量的值，形參data即傳來的對象object
    setUsersList(data) {
      // 轉(zhuǎn)換前務(wù)必清空變量值，否則會造成值重復(fù)添加現(xiàn)象
      this.userLists = [];
      // foreach將對象中的值一個個取出來添加到數(shù)組里面
      for (let i in data) {
        console.log(data[i]);
        this.userLists.push(data[i]);
      }
    },
  },
  getters: {},
});
export default dbStore;