Vue obtiene la dirección y los parámetros de enrutamiento de URL

1.ventana.ubicación

Ejemplo: http://www.myurl.com:8866/test?id=123&username=xxx

URL actual

window.location.href
结果：http://www.myurl.com:8866/test?id=123&username=xxx

protocolo

window.location.protocol
结果：http

nombre de dominio + puerto

window.location.host
结果：www.myurl.com:8866

nombre de dominio

window.location.hostname（）
结果：www.myurl.com

puerto

window.location.port（）
结果：8866

parte del camino

window.location.pathname（）
结果：/test

solicitar parámetros

window.location.search
结果：?id=123&username=xxx

Observaciones: obtener parámetros

// var url="www.baidu.com?a=1&b=2&C=3";//测试地址

/*
 * 分析：最前面是?或&，紧跟着除 ?&#以外的字符若干
 * 然后再等号，最后再跟着除 ?&#以外的字符
 * 并且要分组捕获到【除?&#以外的字符】
 */
 
var reg=/[?&]([^?&#]+)=([^?&#]+)/g;
var param={
    
    };
var ret =  reg.exec(url);
while(ret){
    
     // 当ret为null时表示已经匹配到最后了，直接跳出
	param[ret[1]]=ret[2];
	ret = reg.exec(url);
}
console.log(param)

Obtenga la URL delante de '?'

window.location.origin（）
结果：http://www.myurl.com:8866

Obtener el contenido después de #

window.location.hash
结果：null

2. vue-router obtiene parámetros

esta.$ruta

this.$route.fullPath

esta.$ruta.hash

esta.$ruta.emparejada

esto.$ruta.meta

this.$route.parámetros

esta.$ruta.consulta