nodejs如何实现URL的拆分

需求: 我现在有一个url为:https://192.168.100.33:8888/images/signImage/8178_0.png 我想要把它拆分成 域名部分:'https://192.168.100.33:8888 ' 和路径部分 '/images/signImage/8178_0.png'

实现方法:

  • **方法一 :**通过url模块来实现URL的拆分,url.parse() 会解析一个URL字符串,返回一个URL对象,包含诸如protocol, hostname, port, pathname等信息。所以可以通过url.parse获取到hostname和pathname,就可以实现URL的拆分。
javascript 复制代码
const url = require('url');

const fullUrl = 'https://192.168.100.33:8888/images/signImage/8178_0.png';

const urlObj = url.parse(fullUrl);

const hostname = urlObj.protocol + '//' + urlObj.host; 
// https://192.168.100.33:8888

const pathname = urlObj.pathname;  
// /images/signImage/8178_0.png
  • **方法二:**Node.js 中也可以使用 WHATWG URL API来实现 url.origin就是域名部分,url.pathname是路径部分
javascript 复制代码
const { URL } = require('url');

const url = new URL('https://192.168.100.33:8888/images/signImage/8178_0.png');

const hostname = url.origin;  //域名
const pathname = url.pathname; //路径
相关推荐
牧码岛6 小时前
Web前端之canvas实现图片融合与清晰度介绍、合并
前端·javascript·css·html·web·canvas·web前端
灵犀坠6 小时前
前端面试八股复习心得
开发语言·前端·javascript
网络点点滴6 小时前
Vue3嵌套路由
前端·javascript·vue.js
牧码岛7 小时前
Web前端之Vue+Element打印时输入值没有及时更新dom的问题
前端·javascript·html·web·web前端
小二李7 小时前
第8章 Node框架实战篇 - 文件上传与管理
前端·javascript·数据库
十一.3667 小时前
79-82 call和apply,arguments,Date对象,Math
开发语言·前端·javascript
霍格沃兹测试开发学社-小明7 小时前
测试左移2.0:在开发周期前端筑起质量防线
前端·javascript·网络·人工智能·测试工具·easyui
by__csdn8 小时前
Vue 中计算属性、监听属性与函数方法的区别详解
前端·javascript·vue.js·typescript·vue·css3·html5
chilavert3188 小时前
技术演进中的开发沉思-220 Ajax:XMLHttpRequest 对象
前端·javascript
小杨快跑~10 小时前
Vue 3 + Element Plus 表单校验
前端·javascript·vue.js·elementui