如何在 nuxt.js 中定义路由

Posted

技术标签:

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

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

,目的是显示所有国家/地区的博客,它不是多语言网站仅用于显示特定国家/地区的数据

【问题讨论】:

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

【讨论】:

以上是关于如何在 nuxt.js 中定义路由的主要内容,如果未能解决你的问题,请参考以下文章

如何在 nuxt.js 上手动触发路由?

nuxt.js服务端渲染中如何实现路由的跳转

Vuetify Nuxt.js:如何在轮播图标中添加路由链接

如何在 Nuxt 中使路由区分大小写

如何使用 laravel 后端 API 在 nuxt.js 中上传图片

如何在 Nuxt 中用一个组件创建无限路由