I am currently working with vue.js and I'm looking to implement a functionality where I can redirect a user to another URL within the navigation guard called beforeRouteEnter.
The main objective is to check if the current city of the user is included in the URL, and if not, redirect them accordingly.
For example, if a user enters london.example.com, everything is fine. However, if they just type example.com, I want to automatically redirect them to london.example.com
Current Issue
It appears that using window.location.replace has no impact on the redirection process.
Furthermore, when using next(), it appends the response to the URL instead of replacing it.
Code Snippet
beforeRouteEnter (to, from, next) {
const subdomain = window.location.hostname.split('.')[0]
if (!subdomain) {
axios.get('/api/getCity').then((response) => {
if (response.data) {
window.location.replace(response.data + '.localhost:8080')
next({ path: 'http://' + response.data + '.localhost:8080' })
}
})
}
}