项目中解析url参数之query-string

废话不多说直接上代码

1.安装依赖  npm i --save-dev query-string

2.引入到项目中去 import qs from 'query-string';

3.开始解析参数

下面先讲几个常用的API

a. qs.parse(string, [options])

location.search  // ?name=jim

location.hash  // #token=123

qs.parse('?name=jim')  // {name: 'jim'}

qs.parse('#token=123')  // {token: '123'}

qs.parse('name=jim&name=lily&age=22')  // {name: ['jim', 'lily'], age: 22}

b. qs.stringify(object, [options])

qs.stringify({name: 'jim', age: 22});  // 'age=22&name=jim'

qs.stringify({name: ['jim','lily'], age:22});  //'age=22&name=jim&name=lily'

c. qs.parseUrl(string, [options])

qs.parseUrl('http://www.baidu.com?name=jim');

//{url:'http://www.baidu.com',query:{name:'jim'}}

以上就是我给大家分享的在项目中既好用又方便的解析url的方法希望帮助你解决了问题，有问题欢迎回帖。