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

Question

默认情况下

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组件。

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

尝试了中间件没成功

Answer 1

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