获取浏览器Url地址栏参数的简单函数 变为格式为{参数名:参数值,参数名:参数值} 本文引用了lodash

获取浏览器Url地址栏参数的简单函数 变为格式为{参数名:参数值,参数名:参数值} 本文引用了lodash

例: 127.0.0.1:7001/ index.html#/?name=张三&age=18&sex=男 引入方法 import _ form "lodash"

   export   default   function getUrl(){
       let  url = window.location.href  //获取整个url为字符串
       let  urlList = _.split ( url , " #/ " ) [ 1 ]    //拿到域名后面所有的参数
       let splitUrl = _.split(_.drop(_.split(urList, "?")), "&")
       let  newproject = { }   //存储处理好的对象数据 
       splitUrl.map((item, index) => {
        return newproject[_.split(item, "=")[0]] = _.split(item, "=")[1]
       })
       return newproject
  }

返回结果是{ "name" : "张三" , "age" : "18" , "sex" : "男" }

使用方法: import getUrl from "函数存在的路径"

getUrl().name 则会出现url地址上面的参数 "张三"