Nuxt.js设置同一个路由地址根据设备类型渲染不同的pages页面?

新手上路,请多包涵

默认情况下

Nuxt.js 依据 pages 目录结构自动生成 vue-router 模块的路由配置。

我的目录是这样的:
├── pages
│ ├── m
│ │ ├── index.vue // 移动端 自动生成的路由为 www.xx.com/m
│ ├── index.vue // PC端 自动生成的路由为 www.xx.com
│ ├── bills.js
我希望:

Nuxt.js 同一个路由地址根据是否是移动设备显示m站还是pc站

如:

访问地址www.xx.com

如果是PC端就使用pages/index.vue组件;

如果设备是移动端,就使用pages/m/index.vue组件。

浏览器端的地址保持不变。

尝试了中间件没成功

阅读 3.7k
1 个回答

如果你只有少量的页面, v-if 判断下就可以了,如果多并且都要单独写移动端和 PC 端那就考虑两个入口吧

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题