im-backed/im-uniapp/pages/login/login.vue

<template>
	<view>
	</view>
</template>

<script>
import UNI_APP from '@/.env.js';

let GLOBAL_AUTO_LOGIN_LOCK = false;

export default {
	data() {
		return {
			isShowPwd: false,
			userNameFocused: false,
			passwordFocused: false,
			dataForm: {
				terminal: 1,
				userName: '',
				password: '',
				ip: '',
				sourceUrl: '',
				uniqueToken: '',
				kefuid: ''
			}
		}
	},
	methods: {
		// 获取来源网址
		getSourceUrl() {
			// #ifdef H5
			const referrer = document.referrer;
			if (referrer) {
				this.dataForm.sourceUrl = referrer;
			} else {
				const pages = getCurrentPages();
				const currentPage = pages[pages.length - 1];
				const options = currentPage.options || {};
				if (options.from) {
					this.dataForm.sourceUrl = options.from;
				} else {
					this.dataForm.sourceUrl = window.location.origin;
				}
			}
			// #endif
			
			// #ifdef APP-PLUS
			this.dataForm.sourceUrl = 'app';
			// #endif
			
			// #ifdef MP-WEIXIN
			this.dataForm.sourceUrl = 'wechat-miniprogram';
			// #endif
			
			// 如果没有获取到，设置默认值
			if (!this.dataForm.sourceUrl) {
				this.dataForm.sourceUrl = 'unknown';
			}
			
			console.log("来源网址：", this.dataForm.sourceUrl);
		},
		
		// 获取URL参数中的token和kefuid
		getTokenFromUrl() {
			// #ifdef H5
			const pages = getCurrentPages();
			const currentPage = pages[pages.length - 1];
			const options = currentPage.options || {};
			
			if (options.token) {
				this.dataForm.uniqueToken = options.token;
			}
			
			if (options.kefuid) {
				this.dataForm.kefuid = options.kefuid;
			}
			
			const urlParams = new URLSearchParams(window.location.search);
			const token = urlParams.get('token');
			const kefuid = urlParams.get('kefuid');
			
			if (token) {
				this.dataForm.uniqueToken = token;
			}
			
			if (kefuid) {
				this.dataForm.kefuid = kefuid;
			}
			// #endif
			
			// #ifdef APP-PLUS
			// App端获取参数
			const pages = getCurrentPages();
			const currentPage = pages[pages.length - 1];
			const options = currentPage.options || {};
			if (options.token) {
				this.dataForm.uniqueToken = options.token;
			}
			if (options.kefuid) {
				this.dataForm.kefuid = options.kefuid;
			}
			// #endif
			
			// #ifdef MP-WEIXIN
			// 小程序端获取参数
			const pages = getCurrentPages();
			const currentPage = pages[pages.length - 1];
			const options = currentPage.options || {};
			if (options.token) {
				this.dataForm.uniqueToken = options.token;
			}
			console.log(options);
			if (options.kefuid) {
				this.dataForm.kefuid = options.kefuid;
			}
			// #endif
		},
		
		async autoLogin() {
			if (GLOBAL_AUTO_LOGIN_LOCK) return;
			GLOBAL_AUTO_LOGIN_LOCK = true;
		
			// 获取token（优先使用URL中的token）
			this.getTokenFromUrl();
			
			// 判断是否有 token，没有则跳转 404
			if (!this.dataForm.uniqueToken) {
				console.log("未携带token，跳转到404页面");
				// #ifdef H5
				// 考虑基础路径 /h5/
				window.location.href = '/h5/#/pages/login/404';
				// #endif
				
				// #ifndef H5
				uni.redirectTo({
					url: '/pages/login/404'
				});
				// #endif
				
				GLOBAL_AUTO_LOGIN_LOCK = false;
				return;
			}
			
			// 获取来源网址
			this.getSourceUrl();
			await this.getIp();
			
			// 准备登录数据
			const loginData = {
				terminal: this.dataForm.terminal,
				userName: this.dataForm.userName,
				password: this.dataForm.password,
				ip: this.dataForm.ip,
				sourceUrl: this.dataForm.sourceUrl,
				uniqueToken: this.dataForm.uniqueToken,
				keFuId: this.dataForm.kefuid,  // 添加kefuid参数
			};
			
			this.$http({
				url: '/login',
				data: loginData,
				method: 'POST'
			}).then(loginInfo => {
				uni.setStorageSync("isAgree", this.isAgree);
				uni.setStorageSync("loginInfo", loginInfo);
				
				getApp().$vm.init()
				getApp().$vm.unloadStore();
				this.$http({
				    url: "/friend/add?friendId=" + loginInfo.customerServiceId,
				    method: "POST"
				}).then((data) => {
				    let friend = {
				        id: loginInfo.user.id,
				        nickName: loginInfo.user.nickName,
				        headImage: loginInfo.user.headImageThumb,
				        online: loginInfo.user.online,
				        delete: false
				    }
				    this.friendStore.addFriend(friend);
				    
				    // 清除 URL 中的 token 参数，跳转到聊天页面
				    // #ifdef H5
				    const cleanUrl = window.location.origin + '/h5/' + '#/pages/chat/chat-box?targetId=' + loginInfo.customerServiceId + '&type=PRIVATE';
				    window.location.href = cleanUrl;
				    // #endif
				    
				    // #ifndef H5
				    uni.reLaunch({
				        url: `/pages/chat/chat-box?targetId=${loginInfo.customerServiceId}&type=PRIVATE`
				    });
					// #endif
				})
				
			}).catch(err => {
				console.log("自动登录失败", err);
				GLOBAL_AUTO_LOGIN_LOCK = false;
				
				// 如果是认证失败（如token无效），也可以跳转404
				if (err && (err.code === 401 || err.statusCode === 401)) {
					// #ifdef H5
					window.location.href = '/h5/pages/login/404';
					// #endif
					
					// #ifndef H5
					uni.redirectTo({
						url: '/pages/login/404'
					});
					// #endif
				}
			});
		},
		
		getIp() {
			// 获取本机ip
			return new Promise((resolve, reject) => {
				uni.request({
					url: 'https://api.ipify.org?format=json',
					method: 'GET',
					success: (res) => {
						this.dataForm.ip = res.data.ip;
						resolve(res.data.ip);
					},
					fail: (err) => {
						this.dataForm.ip = '';
						resolve('');
					}
				});
			});
		},

		onSwitchShowPwd() {
			this.isShowPwd = !this.isShowPwd;
		}
	},

	onLoad(options) {
		// 在onLoad中直接获取options中的token
		if (options.token) {
			this.dataForm.uniqueToken = options.token;
			console.log("onLoad获取到token：", this.dataForm.uniqueToken);
		}
		if (options.kefuid) {
				this.dataForm.kefuid = options.kefuid;
				console.log("onLoad获取到kefuid：", this.dataForm.kefuid);
			}
		// 延迟执行，彻底避开双加载
		setTimeout(() => {
			this.autoLogin();
		}, 50);
	},

	onShow() {

	}
}
</script>