如何在 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 中定义路由的主要内容,如果未能解决你的问题,请参考以下文章
Vuetify Nuxt.js:如何在轮播图标中添加路由链接