Como pegar a URL sem query string com JavaScript

Neste artigo você vai aprender a como pegar a URL sem query string, ou seja, a resgatar a URL sem os parâmetros inseridos nela

Fala programador(a), beleza? Bora aprender a trabalhar com URLs em JS!

Vamos utilizar uma abordagem interessante aqui

Formação Recomendada

Formação Claude Code

Domine Claude Code do absoluto zero até o avançado

• 120 aulas
• 4 projetos
• 9h 45min

Conhecer formação

Com o objeto location vamos ter acesso a URL, vamos transformar ela em string com toString

E depois substituiremos uma parte dela, que é a querystring, por nada, ou seja, vamos apenas remover este excesso

Com isso teremos apenas a URL base, sem os parâmetros adicionais

Veja um exemplo de como utilizar:

const baseURL = location.toString().replace(location.search, "")

Simples não é? O objeto location é bem poderoso

Contém várias informações importantes da URL, sugiro que você explore ele e o entenda melhor

Podemos resgatar informações, como:

• Protocolo;
• Hash;
• Porta;
• Nome do path;
• Origem;
• E outros;

O objeto também possui alguns métodos interessantes que você pode utilizar em seu projeto

Deixe um comentário contando o que achou deste artigo 🙂

Quer aprender mais sobre JavaScript? Confira o vídeo abaixo:

Conclusão

Neste artigo você viu como pegar a URL sem query string

Utilizamos o objeto location, transformando ele para uma string

Isso nos dá a URL completa, em uma segunda etapa removemos a query string, que era o nosso objetivo

Ter apenas a URL, sem os seus parâmetro adicionais

Está buscando a sua primeira vaga como Programador? Confira o nosso treinamento completo clicando aqui.

Uma plataforma de cursos com projetos completos, comunidade de alunos e muito mais!

Há também o nosso canal no YouTube, com muito conteúdo gratuito de qualidade!