黑马程序员SpringBoot3和Vue3中big-event(大事件)项目中更新用户密码功能Vue代码的实现

Vue代码实现主要分为以下三部分
user.js文件下代码:

export const userUpdatePasswordService = ({ old_pwd, new_pwd, re_pwd, token }) =>
  request.patch('/user/updatePwd', { old_pwd, new_pwd, re_pwd }, { headers: { Authorization: token } });

token.js文件下代码:

import { defineStore } from 'pinia'
import { ref } from 'vue'

export const useTokenStore = defineStore('token', () => {
const token = ref('')

const setToken = (newToken) => {
  token.value = newToken
}

const removeToken = () => {
  token.value = ''
}

// 新增获取 token 的函数
const getToken = () => {
  return token.value
}

return {
  token,
  setToken,
  removeToken,
  getToken  // 添加了获取 token 的函数
}
}, {
persist: true
});

UserResetPassword.vue文件下代码:




你可能感兴趣的:(vue.js,javascript,前端)