本地存储localStorage使用

存储数据

localStorage.setItem("name","Amy") //存储名字为name值为Amy的变量
localStorage.name = "Amy"; // 等价于上面的命令
localStorage // Storage{name: "Amy", length: 1} 读取数据

读取数据

localStorage.getItem("name") //Amy,读取保存在localStorage对象里名为name的变量的值
localStorage.name // "Amy"
localStorage.valueOf() //读取存储在localStorage上的所有数据
localStorage.key(0) // 读取第一条数据的变量名(键值)
//遍历并输出localStorage里存储的名字和值
for(var
i=0; i<localStorage.length;i++){
  console.log('localStorage里存储的第'+i+'条数据的名字为：'+localStorage.key(i)+',值为：'+localStorage.getItem(localStorage.key(i)));
}

所以，相当于localstorage上得有变量或者后面需要点上一个参数，如果单纯的让localstorage等于一个变量的话其实是没有存到上面

结合react项目的具体使用

import React, { Component } from 'react';
var storage=window.localStorage;
class Login extends Component{
    constructor(props){
        super(props);
        this.state={
          userName:"", //用户名
          password:""  //密码
        }
    }
    //请求接口
    userOnLine=()=>{
     axios
     .post("/safemgmt/api/admin/login",{
         username:this.state.userName,
         password:this.state.password,
     })  
    .then(res=>{
         if(res.data.code==="0"){
          window.location.href="#/admin/home"//点击之后跳转到的组件
         }
         storage.token = res.data.result.token;
         axios.interceptors.request.use(function (config) {
          config.withCredentials = true
          config.headers = {
              token : storage.token
          }
          return config;
          }, function (error) {
          return Promise.reject(error);
      })
     })   
    }
 render() {
        <div>
         //内容
        </div>
        )}
    }
export default Login;

PS:本人只是一枚废柴小码农，在实战中积累经验，只是将所踩过的坑分享出来给遇到同样坑的小伙伴们提个醒，可能会少走些弯路。如果能帮助到你解决实际问题，我将更加坚定分享的初衷：一起成长。
目前只在知乎上和简书上更新文章，准备在这两个地方持续更新文章，您的关注对我可能是莫大的鼓励。

知乎用户名：废柴码农
微博用户名：执拗病患者

哈哈，交个朋友啦~