nuxt 判断是pc端和移动端

Nuxt.js本身并没有提供判断是PC端还是移动端的方法，但可以使用以下两种方法实现：

1. 使用第三方库进行判断，如ua-parser-js，可以解析user-agent字符串，判断设备类型。

import UAParser from 'ua-parser-js'

const userAgent = process.server ? context.req.headers['user-agent'] : navigator.userAgent
const uaParser = new UAParser(userAgent)
const deviceType = uaParser.getDevice().type

if (deviceType === 'mobile' || deviceType === 'tablet') {
  // 移动端
} else {
  // PC端
}

2. 使用Nuxt.js提供的插件，在插件中判断设备类型并将其挂载到Vue实例中，方便在组件中使用。

// plugins/device.js
import Vue from 'vue'
import UAParser from 'ua-parser-js'

export default ({ app }, inject) => {
  const userAgent = process.server ? app.req.headers['user-agent'] : navigator.userAgent
  const uaParser = new UAParser(userAgent)
  const deviceType = uaParser.getDevice().type

  const device = {
    isMobile: deviceType === 'mobile' || deviceType === 'tablet',
    isDesktop: deviceType === 'desktop'
  }

  inject('device', device)
}

// 在nuxt.config.js中注册插件
plugins: [
  { src: '~/plugins/device.js' }
]

// 在组件中使用
export default {
  computed: {
    isMobile() {
      return this.$device.isMobile
    },
    isDesktop() {
      return this.$device.isDesktop
    }
  }
}