>  기사  >  웹 프론트엔드  >  uniapp은 사용자가 로그인했는지 여부를 어떻게 확인합니까?

uniapp은 사용자가 로그인했는지 여부를 어떻게 확인합니까?

coldplay.xixi
coldplay.xixi원래의
2020-12-16 15:29:358596검색

uniapp이 사용자 로그인 여부를 확인하는 방법: 먼저 APP 코드에서 [user.vue] 파일을 연 다음 uni의 setstorage API를 사용하여 값을 얻으면 사용자가 로그인되었음을 의미합니다. .값을 얻지 못하면 로그인 인터페이스로 이동하지 않습니다.

uniapp은 사용자가 로그인했는지 여부를 어떻게 확인합니까?

이 튜토리얼의 운영 환경: windows7 시스템, uni-app2.5.1 버전 이 방법은 모든 브랜드의 컴퓨터에 적합합니다.

권장(무료): uni-app development tutorial

사용자가 로그인했는지 확인하는 Uniapp 방법:

APP 코드에서 user.vue 파일 열기:

uniapp은 사용자가 로그인했는지 여부를 어떻게 확인합니까?

로직 구현

사용자가 로그인할 때 클라이언트에 값을 저장해야 한다고 판단합니다. 이 값이 있으면 사용자가 로그인했다는 의미입니다. 그렇지 않으면 사용자가 로그인해야 합니다. 따라서 우리가 해야 할 첫 번째 논리는 uni의 setstorage API를 사용하여 값을 얻는 것입니다. 값을 얻으면 로그인되었음을 의미합니다. 값을 얻지 못하면 다음으로 이동할 수 없습니다. 로그인 인터페이스.

Logic Coding

<template>
<view></view>
</template>
<script>
export default {
data() {
return {};
},
//uni生命周期函数,页面显示就执行,这意味着如果一打开这个页面,如果没登录将永远跳转到登录页面
onShow() {
/****************************************************用户是否登录代码开始:https://www.clearnull.com/963.html*****/
//uni获取本地数据API
uni.getStorage({
key: &#39;token&#39;, //数据key值,也就是你存储数据时的名称
success: function(res) {
//数据成功获取,用户已登录
console.log(res.data);
},
fail: function(res) {
//数据未获取成功,用户没有登录,这里我们直接跳转到登录页面
uni.navigateTo({
url: &#39;../login/login&#39;,
});
}
});
/*************************************用户是否登录代码结束**********************/
}
};
</script>
<style></style>
language-javascript

uniapp은 사용자가 로그인했는지 여부를 어떻게 확인합니까?

코드를 저장하고 브라우저에서 실행한 후에는 현재 값이 없기 때문에 사용자 인터페이스를 클릭하기만 하면 로그인 페이지로 이동하는 것을 볼 수 있습니다.

관련 무료 학습 권장 사항: php 프로그래밍(동영상)

위 내용은 uniapp은 사용자가 로그인했는지 여부를 어떻게 확인합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.