Language as param in Vue Router

user_16271258 0
Viewed 355

I would like to have a language param in my path. For example if there is en before the path, print en.

If I enter http://localhost:8080/en it will give me en but if I enter http://localhost:8080/en/aaaa it will return me undefined how can I get en anyway?

const routes = [
  {
    path: "/:lang?",
    children: [
      {
        path: home,
        component: home
      }
    ]
  }
]
router.beforeEach((to, _, next) => {
  console.log(to.params.lang);
}
vue-router vue.js javascript
2 Answers

Under the assumption that you are planning on adding different language support for your app, I would recommend instead using i18n because it will abstract away things like appending params for different languages.

To your specific question on why you are getting undefined, that could simply be because there is no view page or route for the /aaa route. So Vue is just confused on where you want to go.

user_123699200

You can use pure javascript to get the current url and get the parameters through a split.

let myListParams = window.location.href.split('/');
user_179338050
Related