nuxt: передача скрытых данных в маршрут

Question

мне нужно передать два данных через Nuxt-link ,

первый идентификатор Id используется для получения одного сообщения и должен быть hidden

другой title раньше был в URL из-за SEO

      <NuxtLink to="localePath({ path: `/blog/${post.title}` })">
show Post
</NuxtLink>
``

i have abode code and I don't now how to pass `ID`

Answer 1

Создавайте такие файлы:

Затем перенаправьте на сообщение в блоге:

      <NuxtLink
  :to="{
    name: 'blog-title',
    params: { title: 'vue', id: 123 },
  }"
>
  Go to Blog post page and pass user id
</NuxtLink>

И получите идентификатор в файле страницы блога:

      this.$route.params.id

Он скрыт, потому что имя файла содержит только _title .

Демо: https://codesandbox.io/s/shy-fast-d2r5k?file=/pages/blog/_title.vue

Но, честно говоря, я не совсем понимаю, что ты хочешь делать. Вы должны получить идентификатор из заголовка. Теперь, если кто-то получит ссылку на эту статью: www. [Xyz] .com / blog / vue, они не получат идентификатор, потому что он скрыт и передается, только если они перенаправлены с этой конкретной предыдущей страницы. То же самое, если пользователь открывает эту ссылку в новой (пустой) карточке. Он будет отображаться на сервере, который не увидит этот скрытый идентификатор.

Проверь это:

https://d2r5k.sse.codesandbox.io/ ( домашняя страница> блог = работает )https://d2r5k.sse.codesandbox.io/blog/vue ( блог = не работает - нет идентификатора )