axios调接口 与缓存

axios

getarr1() {
            let url = 'https://www.fastmock.site/mock/f5427ab2a4d20236b4aed7a0579d2213/api/shop/list'
            //调接口（后端给的地址）
            this.$axios.defaults.headers.common['lotoken'] = "Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1aWQiOjUwMCwicmlkIjowLCJpYXQiOjE1MTI1NDQyOTksImV4cCI6MTUxMjYzMDY5OX0.eGrsrvwHm-tPsO9r_pxHIQ5i5L1kX9RX444uwnRGaIM";
            //把token放到Request Henders（请求头）上。用token才能获取到后端给的数据。（注：有可能不是token，但用法一样）
			//post请求
            this.$axios.post(url).then(res => {
            //code状态为200时运行下面代码
                if(res.data.code==200){
                    this.arr1 = res.data.data.data
                }

            
            })
        }

方法写完后一般在created里掉用。也可以在mounted掉用，如：

created() {
        this.getarr1();
    },

localStorage缓存（单个存储）

localStorage可以掉用以下方法
①clear（）：删除所有值。

②getItem（name）：根据指定的名字name获取对应的值

③key(index)：在指定的数字位置获取该位置的名字。

④removeItem（name）：删除由name指定的名值对

⑤setItem(name,value)：为指定名字设置一个对应的值

			localStorage.setItem("person", JSON.stringify(this.arr1));
			//localStorage.setItem():    把数据缓存到localStorage里；列如把this.arr1放上去缓存，要想获取数据时要用person来获取。
			//JSON.stringify():   把不是String（字符串）的类型转换为字符串

            JSON.parse(localStorage.getItem("person"));
            //localStorage.getItem("")；   获取localStorage里的数据，列如用person来获取数据，再给它付个值就能掉用了
             //JSON.parse():  把字符串转换成数组

sessionStorage缓存（单个存储）

			sessionStorage.setItem("abc", user);
			//sessionStorage.setItem():    把数据缓存到sessionStorage里；列如把user放上去缓存，要想获取数据时要用abc来获取。
			
			sessionStorage.getItem("abc")
			 //sessionStorage.getItem("")；   获取sessionStorage里的数据，列如用abc来获取数据，再给它付个值就能掉用了

当然字符串类型与其它类型转换跟上面一样。

注：localstorage永久存储，不过期，除非手动删除，sessionstorage在重启浏览器、关闭页面或新开页面时失效。