封装本地存储以及vuex

首页在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"