每天一点前端知识 - 获取url路由和参数

48 阅读1分钟

实现

const getParams = (fullPath = '') => {
  const [path, query] = fullPath.split('?');
  if (query) {
    const params = {};
    const paramsArr = query.split('&');
    paramsArr.map(param => {
      const [key, value] = param.split('=');
      params[key] = value;
    });
    return {path, params};
  }
  return {path};
};

使用

getParams(url);

示例

getParams('http://localhost:9000/a/b?name=huxy&age=18'); // {path: 'http://localhost:9000/a/b', params: {name: 'huxy', age: '18'}}

8.png

演示地址:ihuxy.com/play?utils=…