uniapp h5在开发环境及部署中获取url携带参数的方法_h5部署线上环境路由url-优快云博客

本文介绍了在开发环境和部署环境中URL参数的写入位置，以及在启动页中如何使用JavaScript解析并获取这些参数。在页面onShow()方法中，通过getRequestParams()函数解析了'#/'后的参数，并在控制台打印出来。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、开发环境中参数写在哪个位置

http://localhost:8080/#/?salt=111&salt2=222

在“/#/”后面写参数

2、部署中参数写在哪个位置

http://vd.ydzykj.com/h5/#/?salt=111 &salt2=222

在“/#/”后面写参数

3、在启动页中，即pages.json中配置的第一个页面，通过下面的方法获取参数

onShow() {
	// #ifdef H5
	let params = this.getRequestParams();
	let salt = params['salt'];
	console.log(salt)//111
    let salt2 = params['salt2'];
	console.log(salt2)//222
	// #endif
},
methods: {
	getRequestParams() {
		let url = location.href;
		let requestParams = {};
		if (url.indexOf('?') !== -1) {
			let str = url.substr(url.indexOf('?') + 1); //截取?后面的内容作为字符串
			console.log(str, '?后面的内容');
			let strs = str.split('&'); //将字符串内容以&分隔为一个数组
			console.log(strs, '以&切割的数组');
			for (let i = 0; i < strs.length; i++) {
				requestParams[strs[i].split('=')[0]] = decodeURI(strs[i].split('=')[1]);
				// 将数组元素中'='左边的内容作为对象的属性名，'='右边的内容作为对象对应属性的属性值
			}
		}
		console.log(requestParams, '处理后的对象');
		return requestParams;
	}
}