获取URL字段的方法

在前端开发过程中，获取链接上的参数是非常常见的场景，那么获取参数的方法都有哪些呢，接下来介绍两种比较常见的获取URL中字段的方法

1.URLSearchParams

const url = new URL("https://example.com/page?name=John&age=30");
const params = new URLSearchParams(url.search);

// 获取单个参数
const name = params.get("name"); // "John"
const age = params.get("age"); // "30"

// 遍历所有参数
params.forEach((value, key) => {
  console.log(key, value);
});
// 输出：
// name John
// age 30

2. 使用第三方库（qs）

在使用三方库之前，我们需要先进行安装，然后在项目中进行引入，再将相关的参数解构出来使用即可

import qs from 'querystringify';
const queryObject = qs.parse(window.location.search);
const { appid, copilotId } = queryObject;