如何在 nuxt.js 中定义路由

     2023-02-22     189

关键词:

【中文标题】如何在 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 (s-s-r) 中使用来自无头 CMS 的路由?

】您如何在NuxtJS(s-s-r)中使用来自无头CMS的路由?【英文标题】:HowdoyouuseroutesfromaheadlessCMSinNuxtJS(s-s-r)?【发布时间】:2020-10-0100:43:59【问题描述】:问题我正在尝试使用CMS定义的路由来获取内容,该内容用于确定在我的Nuxt前端中... 查看详情

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

】如何在nuxt.js上手动触发路由?【英文标题】:Howtomanuallytriggerroutingonnuxt.js?【发布时间】:2021-07-2623:41:01【问题描述】:我想在回调中登录后手动导航到主页。methods:asyncuserLogin()varsession_url="/api/v1/authenticate";axios.post(session_url,thi... 查看详情

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

】VuetifyNuxt.js:如何在轮播图标中添加路由链接【英文标题】:VuetifyNuxt.js:howtoaddRoutinglinkinCarouselsicon【发布时间】:2021-01-1301:19:14【问题描述】:js和Vuetfiy我想在Carousels图标中添加路由链接。如果我按图标,它应该打开路由链接... 查看详情

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

一、nuxt.js路由跳转1、nuxt-link标签跳转在html标签内使用nuxt-link跳转,相应于超链接a标签,使用方式如下:<nuxt-linkto="/">首页</nuxt-link>2、编程式导航-JS代码内部跳转实际项目中,很多时候都是通过在JS代码内部进行导航的... 查看详情

如何在 Nuxt.js 中使用 CKEditor - 未定义窗口错误

】如何在Nuxt.js中使用CKEditor-未定义窗口错误【英文标题】:HowtouseCKEditorwithNuxt.js-windowisnotdefinederror【发布时间】:2020-08-1503:00:36【问题描述】:在Vue.js中,这是我使用的设置。在Nuxt.js中,我收到“未定义窗口”错误。根据我的... 查看详情

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

】如何在Nuxt中使路由区分大小写【英文标题】:HowtomakeroutescasesensitiveinNuxt【发布时间】:2019-12-2017:32:18【问题描述】:我使用nuxt.js+vue.js。我需要创建路由器的区分大小写。我发现了以下属性:caseSensitive。我正在尝试将它放入n... 查看详情

在 Nuxt.js 中完全呈现路由后运行函数

】在Nuxt.js中完全呈现路由后运行函数【英文标题】:RunfunctionAFTERroutefullyrenderedinNuxt.js【发布时间】:2019-09-0519:51:09【问题描述】:背景:我正在使用Nuxt构建一个s-s-r网站。我想运行一个脚本到fixsometypographyissues(标题中的孤立... 查看详情

如何在 Nuxt 中拥有像 turn.js 这样的翻书?

】如何在Nuxt中拥有像turn.js这样的翻书?【英文标题】:Howtohaveaflipbookliketurn.jsinNuxt?【发布时间】:2021-12-2015:34:39【问题描述】:如何将turn.js导入nuxt.js项目。当我通过插件使用时,错误窗口未定义,即使我在客户端模式下使用... 查看详情

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

】如何在Nuxt中用一个组件创建无限路由【英文标题】:HowcreatetheinfiniteroutewithonecomponentinNuxt【发布时间】:2021-10-1415:29:07【问题描述】:我最近收到了一个使用Nuxt.js的项目,但遇到了一些问题。我有一个从API获取一些产品并从Vu... 查看详情

如何将 jQuery 安装到 Nuxt.js 中?

】如何将jQuery安装到Nuxt.js中?【英文标题】:HowtoinstalljQueryintoNuxt.js?【发布时间】:2021-09-2513:05:30【问题描述】:我正在尝试在我的项目中添加jQuery,尽管我收到一个错误,即它没有定义plugins:[src:\'~/plugins/js/svgSprite.js\',mode:\'cli... 查看详情

Nuxt.js 中的“文档未定义”

】Nuxt.js中的“文档未定义”【英文标题】:"documentisnotdefined"inNuxt.js【发布时间】:2018-02-1323:03:02【问题描述】:我正在尝试在Vue组件中使用Choices.js。组件编译成功,但随后触发错误:[vue-router]无法解析异步组件默认值... 查看详情

Nuxt.js 中不同子域的不同路由

】Nuxt.js中不同子域的不同路由【英文标题】:DifferentroutesfordifferentsubdomainsinNuxt.js【发布时间】:2019-07-2006:35:20【问题描述】:假设有两个子域为一个nuxt实例工作。他们应该有不同的页面结构。例如可以是:pages/index.vue//technicale... 查看详情

Nuxt.js 嵌套路由加载问题

】Nuxt.js嵌套路由加载问题【英文标题】:Nuxt.jsnestedrouteloadingissue【发布时间】:2021-01-0203:11:36【问题描述】:以上所有代码均来自我在pages/apibuilder/models文件夹中的文件_id.vue我用它来用数据填充我的商店asyncasyncData(store)//this.data... 查看详情

Tabulator + Nuxt.js:如何在回调中使用 axios?

】Tabulator+Nuxt.js:如何在回调中使用axios?【英文标题】:Tabulator+Nuxt.js:Howtouseaxiosincallbacks?【发布时间】:2020-01-1608:48:53【问题描述】:我尝试在我的Nuxt.js项目中添加Tabulator。我已经完成了下一个组件:<template><divref="table... 查看详情

NUXT.js 和 Axios 运行时如何避免代码重复?

】NUXT.js和Axios运行时如何避免代码重复?【英文标题】:HowtoavoidcodeduplicationwhenrunningNUXT.jsandAxios?【发布时间】:2020-11-2205:28:43【问题描述】:如果相似的代码(如示例中)在不同的组件中重复,但我在函数参数中传递的名称略... 查看详情

如何在 nuxt.js 中挑选 bootstrap-vue.js 模块?

】如何在nuxt.js中挑选bootstrap-vue.js模块?【英文标题】:Howtocherry-pickbootstrap-vue.jsmodulesinnuxt.js?【发布时间】:2019-04-0512:03:04【问题描述】:我无法理解如何在nuxt.js中挑选bootstrap-vue.js模块nuxt.config.js中的以下代码正在拉取整个库... 查看详情

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

】如何使用laravel后端API在nuxt.js中上传图片【英文标题】:howtouploadimageinnuxt.jsusinglaravelbackendAPI【发布时间】:2021-01-2407:29:30【问题描述】:nuxt.js我搜索了很多关于使用laravelapi上传图片的教程,但我不知道如何编码图片上传的东... 查看详情

如何使用 Nuxt.js 仅在一个组件中使用插件?

】如何使用Nuxt.js仅在一个组件中使用插件?【英文标题】:HowtouseplugininonlyonecomponentusingNuxt.js?【发布时间】:2021-11-1617:45:13【问题描述】:我正在用nuxt.js做一个简单的博客网站,我只需要在一个组件中导入编辑器,我不想使用n... 查看详情