What is the best way to grab first URL segment from Vue.js hash mode?

Question

I have this URL generated by my vue.js app

http://localhost:8080/#/url-groups

I need to access url-groups

I've tried

const firstSegment = new URL(window.location.href).pathname.split('/#/')

I kept getting '/'

---

I've also tried:

const firstSegment = new URL(window.location.href).pathname.split('#'); console.log(firstSegment);
VM21687:1 ['/']


const firstSegment = new URL(window.location.href).pathname.split('/#/'); console.log(firstSegment);
VM21719:1 ['/']


const firstSegment = new URL(window.location.href).pathname.split('/'); console.log(firstSegment);
VM21751:1 (2) ['', '']

Can someone pls correct me?

Answer 1

Try out to get the hash segment then split using / as separator finally get the element of the splitted array:

const [,secondSegment] = new URL(window.location.href).hash.split('/')

or

const segment= new URL(window.location.href).hash.replace('#/','')

Answer 2

In case that's still relevant - you can use vue-router . Assuming you are using Vue 3 or the composition API, it would look like this:

import { useRoute } from 'vue-router';

const route = useRoute();
const firstSegment = route.path;