为什么要确保每个页面都已登陆
在一些需要用户登录后才能使用的小程序里，每个页面都需要用户登录后才能访问。如果用户未登录就跳转到该页面，就会出现用户无法访问页面的情况，这样会影响用户的使用体验。
为了确保每个页面都已登录，我们需要在小程序中编写相应的代码。下面介绍几种方法。
方法一：在app.js中判断用户是否已登录
我们可以在app.js中添加全局变量，记录用户的登录状态。然后在小程序跳转页面的时候，判断用户是否已经登录。如果没有登录，跳转到登录页面，如果已经登录，就跳转到目标页面。
代码实现：
// app.js
App({
globalData: {
userInfo: null,
hasLogin: false, // 记录用户的登录状态
},
onLaunch() {
// 判断用户是否已经登录
if(!this.globalData.hasLogin){
wx.reLaunch({
url: '/pages/login/login',
});
}
}
})
代码说明：
在app.js的全局变量globalData中，我们添加了一个hasLogin变量，用于记录用户的登录状态。在小程序启动时，我们通过onLaunch函数来判断用户是否已经登录。如果没有登录，就跳转到登录页面。
方法二：在页面的onLoad生命周期函数中判断用户是否已登录
另一种方法是在每个页面的onLoad生命周期函数中判断用户是否已经登录。如果没有登录，就跳转到登录页面。
代码实现：
Page({
onLoad() {
// 判断用户是否已经登录
if(!wx.getStorageSync('hasLogin')){
wx.redirectTo({
url: '/pages/login/login',
});
}
}
})
代码说明：
在每个页面的onLoad生命周期函数中，我们使用wx.getStorageSync()方法来获取用户登录状态。如果用户没有登录，就跳转到登录页面。
方法三：使用路由拦截器判断用户是否已登录
在小程序中，我们也可以使用路由拦截器来判断用户是否已经登录。当用户跳转页面时，路由拦截器会拦截请求，并且在拦截器中进行用户登录状态的判断。
代码实现：
// app.js
App({
onLaunch() {
// 注册路由拦截器
wx.onAppRoute((route) => {
// 判断是否需要登录
if(route.path === 'pages/my/my' && !wx.getStorageSync('hasLogin')){
wx.redirectTo({
url: '/pages/login/login',
});
}
})
}
})
代码说明：
在app.js中，我们通过wx.onAppRoute()方法来注册路由拦截器。当用户跳转页面时，路由拦截器会拦截请求，并且判断当前页面是否需要登录。如果需要登录并且用户未登录，就跳转到登录页面。
总结
以上三种方法都可以确保每个页面都已经登录，并且保障用户的访问体验。我们可以根据实际情况来选择适合的方法。
方法一需要在全局变量中记录用户登录状态，有些繁琐，但是可以在小程序启动时就判断用户是否已经登录，操作比较方便。
方法二在每个页面的onLoad生命周期函数中判断用户是否已经登录，不需要在全局变量中记录用户登录状态，但是需要在每个页面中添加判断逻辑。
方法三使用路由拦截器判断用户是否已经登录，适用于需要在多个页面中判断用户登录状态的情况。
最终选择哪种方法，需要根据具体需求来定。