update router.js
import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/pc/HelloWorld'
Vue.use(Router)
let router = new Router({
routes: [
{
path: '/',
name: 'HelloWorld',
component: HelloWorld
}
]
})
/**
* 判断是否为移动设备,是,则跳转到移动端的路径
*/
router.beforeEach((to, from, next) => {
if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
window.location.href = 'https://www.xxxx.com'//移动端路径
return
}
next()
})
export default router
1、原创文章,作者:诺米,如若转载,请注明出处:https://www.http3w.com/archives/801
2、本站内容若有雷同从属巧合,若侵犯了您的权益,请联系本站删除,E-mail: wtao219@qq.com
相关推荐
-
uniapp实现小程序分享
一、创建share.js文件,内容如下: 二、再main.js文件中引入全局share.js 提示:我的share.js文件放在units文件夹中 三、发行小程序-微信 在打开的小…
-
vue程序打包 npm ERR! missing script: build
结果报错npm ERR! missing script: build,后来发现package.json中scripts参数为“scripts”: {R…
-
el-table表格超出部分显示省略号,去掉鼠标悬浮显示
1.el-table是有这个控制属性的::show-overflow-tooltip=“true” 2.如果需要去掉鼠标悬浮显示的全部内容可以设置样式,因此需要修改一下。注意:如果…
-
vue搭建基础与实用工具
目前多数互联网公司以Element框架 进行开发,该框架的组件能够满足大部分需求,所以诺米在此推荐大家使用。 基础工具与储备 Element官方网址:https://element…
-
npm ERR! code ERESOLVE
vue安装命令, npm install时报错: D:\workspace\IM\websocket-master>npm installnpm ERR! code ERES…
-
uniapp隐藏头部并自定义返回按钮
我在编写一个小程序分享页面的时候,需要将背景图铺满整改手机屏幕,因此,需要隐藏掉头部区域,在通过官方示例隐藏成功之后,发现返回上个页面的左边按钮没了,于是经过各种查询,发现个自定义…
-
前后端分离 nginx报405错误 方法不被允许 (Method not allowed)
背景: 前端VUE+后端SpringBoot(后端生成war包,部署到tomcat中;前端通过Nginx配置) 解决:
-
npm install 时报错 Cannot read properties of null (reading ‘pickAlgorithm‘)
问题背景nodejs 执行 npm install 时报错 “Cannot read properties of null (reading ‘pickAlgorithm‘)” 解…
-
uniapp设备屏幕高度适配
1、获取设备屏幕可用总高度 2、绑定计算属性 首先注意,不能绑定data属性,要绑定计算属性;scrollHeight代表多个变量计算后的最终结果,由computed监控。 com…