vue3 window.location 获取正在访问的地址，也可以通过useRoute来获取相关信息。

1、一般我们在开发的vue3项目的时候，地址是这样：http://192.168.1.101:3100/#/login

然后我们在布署完成以后一般是这样https://xxx.yyyyy.com/uusys/#/login

其实xxx可以是www，也可以是一个二级域名

yyyyy.com是域名，uusys一般是虚拟目录，当然也可以省略这个看你如何布署及处理域名了。

2、window.location 给出的信息如下：

可以看到：href是完整的地址，如果你要重新赋值href就可以改变访问路径

下面是基本的路径显示，根据实际情况我们就可以处理成自己想要的路径了。

import { useRoute, useRouter } from 'vue-router';export default {setup() {const route = useRoute(); // 获取当前路由对象const router = useRouter(); // 获取路由器对象// 获取当前路由的完整地址const currentPath = window.location.pathname;// 如果需要获取当前路由的路径const currentRoutePath = route.path;// 如果需要获取查询参数const queryParams = route.query;// 如果需要获取hash值const currentHash = window.location.hash;// 如果需要获取主机名const hostName = window.location.hostname;// 如果需要获取端口号const port = window.location.port;// 如果需要获取协议const protocol = window.location.protocol;return {currentPath,currentRoutePath,queryParams,currentHash,hostName,port,protocol};}
};

上面代码，来自baidu。