nuxt3怎么兼容pc端和移动端

两个方案：

• pc和移动端分开两个项目，路由配置完全一样，通过Nginx配置来控制应该访问pc版本的服务，还是M版本的服务
• pc和移动端放在一个项目里，pc的放在/pc目录下，m端的放在/m目录下，通过配置nuxt中间件来完成跳转

下面讲讲如何在一个项目里，同时支持pc端和M端，并且pc端正常走px单位，m端css自适应适配

路由

所有pages下的页面先分别以/pc和/m为基础建立页面，components下也以/pc和/m为基础建立组件
大概是这样的

然后在middleware目录新建一个app.global.ts文件，设置一下pc设备时跳转到pc端页面，m端设备访问跳到m端页面

export default defineNuxtRouteMiddleware((