uni-app的本地储存 类似h5的localstorage

//uni-app的本地储存 类似h5的localstorage

// 同步存储和读取
//设置 存储内容   参数为参数名,参数值 
uni.setStorageSync('name',"莫成尘");
//也可以这样写  uni.setStorageSync('name',this.name);
//输出  仅仅使用参数名即可获取
console.log(uni.getStorageSync('name'))
//删除
// uni.removeStorageSync('name')

//存储不到接口数据可以尝试使用异步
//1、将数据存储在本地缓存中指定的 key 中,会覆盖掉原来该 key 对应的内容,这是一个异步接口
uni.setStorage({
    key: "token",
    data: res.data.accessToken
});
//2、从本地缓存中异步获取指定 key 对应的内容。
uni.getStorage({
    key: 'token',
    success: function (res) {
        console.log(res.data);
        let token = res.data;
    }
});
//项目中我是这样用的
//封装uni.request()
function requestApi(url, params = {}, method = 'get') {
	var token = uni.getStorageSync('token') || '';
	return new Promise((resolve, reject) => {
		uni.request({
			url: url,
			data: params,
			method: method,
			header: {
				"content-type": "application/json",
				"Authorization": token
			},
			success: (res) => {
				resolve(res.data)
			},
			fail: (err) => {
				reject(err)
			}
		})
	})
}
//暴露模块
module.exports = {
	requestApi
}
//3、从本地缓存中异步移除指定 key。
uni.removeStorage({key: 'token'});
//4、清理本地所有数据缓存。
uni.clearStorage();

你可能感兴趣的:(uniapp,uni-app,javascript,前端)