How to get the path of previous url in NuxtJs
I was working on a Vue component in NuxtJs and wanted to get the path of the previous page. There's a way to use the beforeRouteEnter navigation guard like below.
data() { return { prevPath: null, } }, beforeRouteEnter(to, from, next) { next(vm => vm.prevPath = from); }
Here we define the data variable in component and set that before the navigation enters the route as in above code. However, this approach was not working in my component. I found another way to get the previous path
mounted() { const { fullPath: prevPath } = { ...this.$nuxt.context.from }; console.log(prevPath) }
If we want to use the previous path just to redirect back on a button click then we can use the below method as well
methods: { goBack() { this.$router.go(-1); } }
Below is the code that i got from ChatGPT when i asked it. You can give it a go.
export default { name: 'MyComponent', data() { return { previousRoute: '' } }, created() { this.previousRoute = this.$route.fullPath; }, beforeRouteUpdate(to, from, next) { this.previousRoute = from.fullPath; next(); } }
Latest Post
Information retrieval – Searching of text using Elasticsearch
Information retrieval is the process of obtaining relevant information resources from the collection of resources relevant to information need.
Learn more