如何通过VUE技术判断访问设备是PC端还是移动端？

本文共计714个文字，预计阅读时间需要3分钟。

在软件开发中，经常会遇到一个需求，那就是判断当前登录网页的设备是PC还是移动端。为了满足这一需求，我们需要对当前登录设备进行判断。可以使用navig进行判断。

实际开发工作中会经常遇到一个需求，就是判断当前登录网页的设备是PC还是移动，要求PC端和移动端显示的是不同的网页内容。

那么我们就需要对当前登录设备进行判断。

使用 navigator.userAgent 字符串检测

我是在PC端开发完接到要做移动端的需求，而且移动端只有一个页面，我就统一放在了一个文件夹内。
首先在 app.vue 文件内，判断当前设备是pc端还是移动端。

methods: { // 添加判断方法 isMobile() { let flag = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i); return flag; } }, mounted: { if(this.isMobile) { alert("移动端"); this.$router.replace('/pc_index'); }else { alert("pc端"); this.$router.replace('/m_index'); } }

接下来就略微介绍一下这个方法，其中用到了 navigator.userAgent 。