// store.js
import Vue from 'vue';
import Vuex from 'vuex';

Vue.use(Vuex);

export default new Vuex.Store({
  state: {
    username: '', // 存儲登錄用戶名的狀態(tài)
    userid:'',//儲存登錄用戶id
  },
  mutations: {
    setUsername(state, username) {
      state.username = username;
    },
    setUserid(state, userid) {
      state.userid = userid;
    },
  },
});

// 登錄成功后的處理
this.$store.commit('setUsername', username);
this.$store.commit('setUserid', userid);

<template>
  <div>
    <p>Welcome, {{ username }}</p>
  </div>
</template>

<script>
export default {
  computed: {
    username() {
      return this.$store.state.username;
    },
    userid() {
      return this.$store.state.userid;
    },
  },
};
</script>

    getUserid()
      .then(response => {
     // 獲取用戶ID成功
       const userId = response.data;
      setUserId(userId); // 保存用戶id
  })
      .catch(error => {
       // 獲取用戶ID失敗，可能是因為用戶未登錄
      console.error('獲取用戶ID失敗:', error.response.data);
    // 在這里處理未登錄的情況，比如跳轉(zhuǎn)到登錄頁
  });

// 設(shè)置用戶id到 localStorage 中
export function setUserId(userId) {
  localStorage.setItem('userid', userId);
}
export function getUserId() {
  return localStorage.getItem('userid');
}

<template>
  <div>

  </div>
</template>

<script>
export default {
  data() {
    return {

      userid:'',
    };
  },
  mounted() {

    this.user = getUserId('userid');

  },
};
</script>