uniapp app怎么获取当前页面完整的访问url地址
时间: 2023-08-08 21:06:55 浏览: 7087
在uniapp中,可以通过uni-app提供的路由API获取当前页面的完整访问URL地址。具体实现方式如下:
1. 首先在页面的`onLoad`生命周期函数中获取当前页面的路由信息,代码如下:
```
onLoad: function() {
const pages = getCurrentPages(); // 获取当前页面栈
const currentPage = pages[pages.length - 1]; // 获取当前页面实例
const currentUrl = `/${currentPage.route}`; // 获取当前页面路由地址
const currentQuery = currentPage.options; // 获取当前页面参数
const currentFullUrl = `${currentUrl}?${querystring.stringify(currentQuery)}`; // 拼接参数为完整访问URL地址
console.log(currentFullUrl); // 打印当前页面完整访问URL地址
}
```
2. 在上述代码中,我们使用了`getCurrentPages`方法来获取当前页面栈,然后通过`pages.length - 1`获取当前页面实例,再通过`currentPage.route`获取当前页面路由地址,最后通过`currentPage.options`获取当前页面参数。最后将路由地址和参数拼接为完整访问URL地址,使用`console.log`打印即可。
需要注意的是,在使用`querystring.stringify`方法将参数拼接为字符串时,需要先引入`querystring`模块,代码如下:
```
import querystring from 'querystring';
```
阅读全文