获取URL中query参数的两种方法

方法一：使用字符串截取

function urlTool (url) {
    //将url用“?”和“&”分割;
    const array = url.split("?").pop().split("&");

    //声明一个空对象用来储存分割后的参数；
    const data = {};

    array.forEach((ele)=> {

        //将获得到的每个元素用 "="进行分割
        let dataArr = ele.split("=");

        //将数组的每一个元素遍历到对象中;
        data[dataArr[0]] = dataArr[1];

    });
    return data;

}

//调用urlTool()
console.log(urlTool("http://www.baidu.com?key=1&name=5"));

方法二：使用 URLSearchParams
 

const link  = 'https://www.baidu.com/1634284165_86.pdf?size=7.886KB&name=1634284165'

// 先将链接字符串转换为URL对象
const urlObj= new URL(this.form.base.link);
// 提起url中的参数
let params = new URLSearchParams(link.search);

let name = params.get('name'); // ==> 1634284165

let size = params.get('size'); // ==> 7.886KB