官方手册上面的一张图是这样子的:
这张图解释了一个url结构化成哪些部分,哪些部分又包含哪些部分
- protocol: 请求协议
- host: URL主机名已全部转换成小写, 包括端口信息
- auth:URL中身份验证信息部分
- hostname:主机的主机名部分, 已转换成小写
- port: 主机的端口号部分
- pathname: URL的路径部分,位于主机名之后请求查询之前
- search: URL 的“查询字符串”部分,包括开头的问号。
- path: pathname 和 search 连在一起。
- query: 查询字符串中的参数部分(问号后面部分字符串),或者使用 querystring.parse() 解析后返回的对象。
- hash: URL 的 “#” 后面部分(包括 # 符号)
nodejs自带URL模块
url.parse()
url.parse(urlStr, [parseQueryString], [slashesDenoteHost])
将一个url地址结构化成为拥有上图属性的url对象。
url.parse第二个和第三个参数默认为false。
参数使用说明如下:
- urlStr - 需要接收的url字符串。
- parseQueryString - 为true时将使用查询模块分析查询字符串,默认为false。
- shashesDenoteHost
默认为false,//foo/bar 形式的字符串将被解释成 { pathname: ‘//foo/bar' }
如果设置成true,//foo/bar 形式的字符串将被解释成 { host: ‘foo', pathname: ‘/bar' }
例如:
const url = require("url");
var urlstr = "http://localhost:8888/a?n=big&m=he&m=cc#hash";
var urlobj = url.parse(urlstr);
console.log(urlobj);
/*
Url {
protocol: 'http:',
slashes: true,
auth: null,
host: 'localhost:8888',
port: '8888',
hostname: 'localhost',
hash: '#hash',
search: '?n=big&m=he&m=cc',
query: 'n=big&m=he&m=cc',
pathname: '/a',
path: '/a?n=big&m=he&m=cc',
href: 'http://localhost:8888/a?n=big&m=he&m=cc#hash' }
*/
第二个参数为true时 :
Url {
protocol: 'http:',
slashes: true,
auth: null,
host: 'localhost:8888',
port: '8888',
hostname: 'localhost',
hash: '#hash',
search: '?n=big&m=he&m=cc',
query: { n: 'big', m: [ 'he', 'cc' ] },
pathname: '/a',
path: '/a?n=big&m=he&m=cc',
href: 'http://localhost:8888/a?n=big&m=he&m=cc#hash' }
url模块化:url.format()
将一个url对象转换成一个url字符串,url对象中的属性为url.parse()产生的对象的属性。
url.parse()和url.format()互为逆操作。
例如:
let url = require('url');
let Url={
protocol: 'http:',
slashes: true,
auth: null,
host: 'localhost:8888',
port: '8888',
hostname: 'localhost',
hash: '#hash',
search: '?n=big&m=he&m=cc',
query: { n: 'big', m: [ 'he', 'cc' ] },
pathname: '/a',
path: '/a?n=big&m=he&m=cc',
href: 'http://localhost:8888/a?n=big&m=he&m=cc#hash' };
let str= url.format(Url);
console.log(str);
//http://localhost:8888/a?n=big&m=he&m=cc#hash
路径解析:url.resolve(from, to)
url.resolve()方法解决了目标URL相对于基本URL的方式类似于Web浏览器解决锚标记href。
url.resolve('/one/two/three', 'four');
// '/one/two/four'
url.resolve('http://example.com/', '/one');
// 'http://example.com/one'
url.resolve('http://example.com/one', '/two');
//'http://example.com/two'