vue2 nuxt使用window.location.href没有获取到完整地址
时间: 2023-07-23 16:35:37 浏览: 245
vue城市列表选择,完整资源获取地址
在 Nuxt 中,可以使用 `this.$nuxt._router.history.base` 获取基本 URL,然后再使用 `window.location.pathname` 和 `window.location.search` 分别获取路径和查询参数,最后拼接起来即可获取完整地址。
示例代码如下:
```javascript
const fullPath = this.$nuxt._router.history.base + window.location.pathname + window.location.search;
console.log(fullPath);
```
其中,`this.$nuxt._router.history.base` 可以获取到 Nuxt 应用的基本 URL,如 `/my-app/`,而 `window.location.pathname` 可以获取到当前页面的路径,如 `/about`,`window.location.search` 可以获取到当前页面的查询参数,如 `?id=123`。最后将这三者拼接起来,就可以得到完整的地址。
阅读全文