关于登录的token如何保存到本地

使用localStorage保存

在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)，localStorage中一般浏览器支持的是5M大小，这个在不同的浏览器中localStorage会有所不同。

---

使用方法

localStorage.getItem(key):获取指定key本地存储的值
localStorage.setItem(key,value)：将value存储到key字段

比如：

 

this.$post("接口地址", data).then((res) => {

        localStorage.setItem("token", res.data.token);

        this.$message({

          showClose: true,

          message: "登录成功",

          type: "success",

        });

        setTimeout(() => {

          this.navTo("/index");

        }, 500);

});

---

另：

A页面储存

var imgs = obj_mainform.archivesId //声明个变量存储下数据
localStorage.setItem('key',imgs); //将变量imgs存储到name字段

B页面获取

var naid = localStorage.getItem("key"); //获取指定key本地存储的值