parking_h5/pages/wechatLogin/wechatLogin.vue

<template>
	<view>
		<u-toast ref="uToast" />
	</view>
</template>

<script>
	import getUrlParams from "./../../utils/getUrlParams.js";
	export default {
		data() {
			return {
				backUrl: '',
				code: ''
			}
		},
		onLoad(page) {
			let local = window.location.href;
			let locationLocaturl = window.location.search;
			// 微信返回的回调地址
			let backUrl = local.split('backUrl=')[1]
			if (backUrl) {
				this.backUrl = decodeURIComponent(backUrl)
			}
			console.log('backUrl', decodeURIComponent(backUrl))
			let code = getUrlParams(locationLocaturl, "code")
			console.log('code', code)
			if (code) {
				this.code = code
				this.handleGetWXInfo(this.code)
			} else {
				window.location.href =
					`https://open.weixin.qq.com/connect/oauth2/authorize?appid=${this.config.wxAppid}&redirect_uri=${encodeURIComponent(local)}&response_type=code&scope=snsapi_userinfo&#wechat_redirect`
			}
		},
		methods: {
			// 通过code获取 openId等用户信息
			handleGetWXInfo(code) {
				uni.showLoading({
					title: '加载中'
				})
				this.$u.api.getWXInfo(code).then((res) => {
					if (res.code === 200) {
						this.$u.vuex('vuex_wxinfo', res.data);
						this.getToken(res.data.openId)
					} else {
						this.$refs.uToast.show({
							title: res.msg || '获取用户信息失败!',
							type: 'error'
						});
						uni.hideLoading()
					}
				}).catch((err) => {
					uni.hideLoading()
				})
			},
			/**
			 * 通过openId获取token
			 * @param {Object} openId
			 */
			getToken(openId) {
				this.$u.api.codeV2Api.sendSmsCodeV2api({ openId }).then(res => {
					if (res.code === 200) {
						this.$u.vuex('vuex_user', res.data);
						this.$u.vuex('vuex_token', res.data.accessToken);
						this.$u.vuex('vuex_hasLogin', true);
						if (res.data.needVerify) {
							localStorage.setItem('backUrl', this.backUrl)
							this.$u.route({
								url: 'pages/center/phoneLogin/phoneLogin'
							})
						} else {
							location.href = this.backUrl
						}
						uni.hideLoading()
					} else {
						this.$refs.uToast.show({
							title: res.msg || '获取用户信息失败!',
							type: 'error'
						});
						uni.hideLoading()
					}
				})
			}
		}
	}
</script>

<style>

</style>