Uniapp global interception 401 jumps to the login page

1. Use uniapp When developing applets , Sometimes the status code returned by the back-end interface is 401, That is, not logged in , At this time, we need to intercept 401 And let it jump to the login page , However, in the encapsulated request, it is directly judged that the status code is 401 When it pops up uni.showModal Click OK to jump. The wechat development tool displays normally , But there are many repeated pop ups on the real machine （ If your current page requests 5 Interface , Then there will be 5 A window , You need to click 5 Can't close until ）, At this time, our idea is to let him show it only once , The solution is as follows ：

// stay main.js Add the following code to 
uni.addInterceptor('request', {
    
	success(args) {
    
		let isLogin = uni.getStorageSync('isLogin')  //isLogin It is a status saved after you call the login interface successfully , After I call here successfully, it is set to isLogin="yes"
		if (args.statusCode == 401 && isLogin == 'yes') {
    
			uni.showModal({
    
				title: " reminder ",
				content: ' Login expired , Log back in ',
				cancelText: " Cancel ",
				confirmText: " determine ",
				confirmColor: "#815EC9",
				showCancel: false,
				success: (res) => {
    
					if (res.confirm) {
    
						uni.redirectTo({
    
							url: '/pages/login/login'  // Jump to the landing page 
						})
					} else if (res.cancel) {
    }
				}
			});
			// This code is very important , To prevent 401 Then continue to call the interface 
			uni.setStorageSync('isLogin', 'no')

		}
	},
	fail(err) {
    
		console.log(' Failure ')
	}
})

Close test effectively , It's also the best way to write by yourself at present , If I can help you, I'll pay attention to it , Share every bit, every drop , Oh, here you are ！！！！