diff --git a/middleware/auth.global.ts b/middleware/auth.global.ts index 230fd6b..3b7ac0c 100644 --- a/middleware/auth.global.ts +++ b/middleware/auth.global.ts @@ -5,8 +5,11 @@ export default defineNuxtRouteMiddleware((to, from) => { // 在客户端处理路由 // 是否是移动端设备 const isMobile = /(Android|webOS|iPhone|iPod|tablet|BlackBerry|Mobile)/i.test(navigator.userAgent) - // 是否是手机端路由 - const isRouterMobile = /^\/m\//.test(to.fullPath) + // 是否是手机端路由开头 + const isRouterMobile = to.path.startsWith('/m') + + console.log(isMobile, isRouterMobile); + // 移动端并且 不是/m开头路由 if (isMobile && !isRouterMobile) { return navigateTo(`/m`) diff --git a/nuxt.config.ts b/nuxt.config.ts index 5e70b92..f5fd02f 100644 --- a/nuxt.config.ts +++ b/nuxt.config.ts @@ -41,7 +41,7 @@ export default defineNuxtConfig({ minPixelValue: 1, // 默认值1,小于或等于1px则不进行转换 mediaQuery: true, // 是否在媒体查询的css代码中也进行转换,默认false replace: true, // 是否转换后直接更换属性值 - exclude: [/node_modules/], // 设置忽略文件,用正则做目录名匹配,最好不要排除node_modules 文件,排除后在项目中会发现字体不能跟随页面放大 + exclude: [/node_modules/, /^(?!.*\/pages\/m\/).*$/], // 排除node_modules和非pages/m目录下的文件 landscape: false, // 是否处理横屏情况 // 只转换pages下的m文件 include: [/pages\/m/], diff --git a/pages/home/components/SideMenu.vue b/pages/home/components/SideMenu.vue index 0003988..819ed5c 100644 --- a/pages/home/components/SideMenu.vue +++ b/pages/home/components/SideMenu.vue @@ -169,7 +169,7 @@ .menu-item { /* position: relative; */ text-align: center; - padding: 11px 24px; + padding: 10px 24px; cursor: pointer; /* transition: all 0.3s ease; */ color: #333;