uniapp 登录判断
时间: 2023-09-14 15:02:31 浏览: 35
在 uniapp 中,可以通过以下步骤进行登录判断:
1. 在登录页面,用户输入用户名和密码,点击登录按钮,将用户名和密码发送给后台验证。
2. 后台验证成功,返回一个 token 给客户端。
3. 客户端将 token 存储到本地,例如使用 uni-storage 存储在本地缓存中。
4. 在需要登录验证的页面,判断本地是否有 token 存在,如果有则说明用户已经登录,可以展示该页面的内容;如果没有,则跳转到登录页面。
下面是一个示例代码:
登录页面:
```
<template>
<div>
<input type="text" v-model="username" placeholder="请输入用户名"/>
<input type="password" v-model="password" placeholder="请输入密码"/>
<button @click="login">登录</button>
</div>
</template>
<script>
export default {
data() {
return {
username: '',
password: ''
}
},
methods: {
login() {
// 发送用户名和密码给后台验证
// 验证成功后返回 token
const token = 'token'
uni.setStorageSync('token', token) // 将 token 存储到本地缓存中
uni.switchTab({
url: '/pages/index/index'
})
}
}
}
</script>
```
需要登录验证的页面:
```
<template>
<div>
<p>这是需要登录验证的页面</p>
</div>
</template>
<script>
export default {
onLoad() {
const token = uni.getStorageSync('token')
if (!token) {
uni.navigateTo({
url: '/pages/login/login'
})
}
}
}
</script>
```
在需要登录验证的页面的 onLoad 生命周期中,首先获取本地存储的 token,如果没有 token 则说明用户没有登录,跳转到登录页面。