Vue封装本地存储

102 阅读1分钟

首页在src目录下创建一个任意名称文件夹,在这个任意名称文件下创建一个任意名称.js文件

代码如下:

const TOKEN_KEY = "token"

const USER_INFO_KEY = "userInfo"

// 设置存储token的本地方法

function setToken(token) {

localStorage.setItem(TOKEN_KEY, token)

}

// 获取token的方法

function getToken() {

return localStorage.getItem(TOKEN_KEY)

}

// 设置存储用户信息的方法

function setUserInfo(info) {

localStorage.setItem(USER_INFO_KEY, JSON.stringify(info))

}

// 获取用户信息的方法

function getUserInfo() {

return localStorage.getItem(USER_INFO_KEY)

}

// 删除token的方法与删除用户信息的方法

function removeTokenAndInfo() {

localStorage.removeItem(TOKEN_KEY)

localStorage.removeItem(USER_INFO_KEY)

}

// 导出存储token、userInfo,获取token、userInfo,删除token、userInfo 等的方法

export { setToken, getToken, setUserInfo, getUserInfo, removeTokenAndInfo }

在store文件夹下的index.js文件引入

import { setToken, getToken, setUserInfo, getUserInfo } from "../utils/los"

image.png