Почему vue маршрут не проходит корректно при перезагрузке или использовании URL?

Question

Маршрут:

{
    path: '/markets/:code.:exchange',
    name: 'Markets',
    component: Markets,
    props: true
},

Прямо сейчас, он работает, как задумано, когда я делаю роутер pu sh примерно так:

this.$router.push({name: 'Markets', params: {code: this.model.Code, exchange: this.model.Exchange}})

Однако, когда я вхожу в URL, или перезагрузите страницу, она показывает пустую страницу и эту ошибку:

Uncaught SyntaxError: Unexpected token '<'

Например, в приведенной выше функции роутера pu sh, если я пу sh params: {AAPL, US} это будет go на /markets/AAPL.US и правильно передайте реквизит. Но если я напишу ту же самую вещь в URL-адресе и введу ее, или если я перезагрузлю страницу, ничего не появится и выдаст вышеуказанную ошибку.

Answer 1

всякий раз, когда вы перезагружаете страницу с реквизитами, данные в реквизитах теряются. Возможно, вам следует рассмотреть возможность использования менеджера состояний, например store, в вашем приложении

https://vuex.vuejs.org/guide/state.html

Answer 2

У вас есть ошибка в вашем маршруте, вы не можете использовать эту точку на пути .. вы должны использовать sla sh:

{
  path: '/markets/:code/:exchange',
  name: 'Markets',
  component: Markets,
  props: true
},