默认情况下
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
组件。
浏览器端的地址保持不变。
尝试了中间件没成功
如果你只有少量的页面, v-if 判断下就可以了,如果多并且都要单独写移动端和 PC 端那就考虑两个入口吧