【问题标题】:How to define route in nuxt.js如何在 nuxt.js 中定义路由
【发布时间】:2019-04-24 21:11:53
【问题描述】:

我有一个使用 Nuxt.Js 的博客网站,假设 xyz.com 并希望显示特定国家/地区代码的所有页面,例如 xyz.com/en/home、xyz.com/en/about 等。

如何在 nuxt.js 中定义路由,目的是显示所有国家/地区的博客,它不是多语言网站仅用于显示特定国家/地区的数据

【问题讨论】:

  • 可以使用nuxt-i18n:nuxt-community.github.io/nuxt-i18n
  • 我必须显示特定国家/地区的记录,并且 URL 应该可以像 xyz.com/np/category/test-category 一样,并且不想放置任何语言文件并且不需要更改所有记录的语言会英语

标签: vue.js vue-router nuxt.js


【解决方案1】:

创建一个以下划线开头的目录 _lang 并将您的页面放在那里。

    • _lang
      • Home.vue
      • 关于.vue

然后使用page validation 只接受country codes

const country_codes = [ 'en', 'fa']
export default {
  validate({ params }) {
    return (params.lang in country_codes)
  }
}

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2017-08-27
    • 2020-06-15
    • 2021-07-26
    • 2019-12-25
    • 2017-11-28
    • 1970-01-01
    • 2021-10-16
    相关资源
    最近更新 更多