vue3获取上一个页面url地址

在 Vue 3 中，你可以使用 Vue Router 提供的 `router` 对象来获取上一个页面的 URL 地址。具体方法如下：

1. 首先，确保你已经安装了 Vue Router，并在项目中进行了配置。

2. 在你需要获取上一个页面 URL 地址的组件中，可以通过 `$route` 对象访问当前路由信息。

3. 使用 `$route` 对象的 `fullPath` 属性来获取当前页面的完整路径。

4. 在组件中，可以使用 `$router` 对象的 `history` 属性来获取路由历史记录。

5. 通过 `history` 对象的 `length` 属性可以获取历史记录的长度。

6. 使用 `history` 对象的 `go()` 方法并传入 `-1` 参数，可以返回到上一个页面。

综上所述，以下是一个示例代码：

// 在组件中
methods: {
  getPreviousPageUrl() {
    const previousPageIndex = this.$router.history.length - 2;
    const previousPageUrl = this.$router.history.getRoutes()[previousPageIndex].fullPath;
    console.log(previousPageUrl);
  }
}

在以上示例中，我们通过获取路由历史记录的长度，并使用 `getRoutes()` 方法来获取路由记录列表。然后，通过索引值取得上一个页面的路由记录，并从中提取出完整的路径作为上一个页面的 URL 地址。最后，我们将其打印到控制台。

请注意，在使用 `$router.history` 时，确保已导航到至少两个页面，以便有可用的历史记录。