js获取当前地址栏的地址与端口。js获取当前导航栏ip和端口。js获取地址栏参数。vue获取带#的地址栏参数

js获取当前地址栏的地址与端口。js获取当前导航栏ip和端口

let API_HOST = window.location.protocol+"//"+window.location.host+"/"

js获取地址栏参数

方法

function getQueryString(name) {
  let reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
  let r = window.location.search.substr(1).match(reg);
  if(r!=null) {
    return unescape(r[2]);
  }
  return null;
}

使用
例如 url = “http://xxx.xxx.xxx?name=zz&age=25“

console.log(getQueryString('name'))
console.log(getQueryString('age'))
分别输出：zz，18

vue获取带#的地址栏参数

上面的方法可能在vue项目中带#号的路由中失效，可以使用下面的方法获取

function getParam(name) {
  let url = window.location.href;
  let paramsStr = url.split("?")[1];
  let paramObj = new URLSearchParams(paramsStr);
  return paramObj.get(name);
}

使用方法

alert(getParam("schoolId"))
alert(getParam("stid"))