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; //路径
相关推荐
gis开发之家2 小时前
《Vue3 从入门到大神35篇》Vue3 源码详解(五):effect 依赖收集原理——track 与 trigger 是如何工作的?
javascript·typescript·前端框架·vue3·vue3源码
橘子星4 小时前
我一个前端切图仔,凭什么能在浏览器里跑大模型?
前端·javascript·前端框架
半个落月4 小时前
用 LangChain JS 做可控写作实验:理解温度参数、提示词与异步调用
javascript·人工智能·后端
观远数据4 小时前
Excel到数据资产池:文件数据入湖的治理规范怎么建
前端·javascript·excel
CoderWeen4 小时前
我写了个能一步步点着看的 Dijkstra 可视化项目(Vue3 + Leaflet + Generator)
前端·javascript·vue.js
爱分享的程序猿-Clark5 小时前
【前端分享】vue开发项目,如何实现 从A页面跳转到B页面,并传值!
前端·javascript·vue.js
冰暮流星5 小时前
javascript之String方法介绍
开发语言·javascript·ecmascript
Hilaku6 小时前
2026 年前端大洗牌:React 服务端到 Vite 的底层重构
前端·javascript·程序员
名字还没想好☜6 小时前
React setState 连续调用「丢更新」排查:批量更新与函数式更新
前端·javascript·react.js·react·usestate
come112346 小时前
Vue 2 与 Vue 3 语法区别及使用技巧
前端·javascript·vue.js