vue项目区分打开的是pc端还是移动端

我是一个vue 项目 pc一套代码移动端一套代码

1.建立两个文件夹一个mobile 一个pc,在router里配置项目路径

2.新建一个js文件夹下列代码放入假设名字叫util

export const checkMobile = () => {const sUserAgent = navigator.userAgent;const mobileAgents = ["Android","iPhone","Symbian","WindowsPhone","iPod","BlackBerry","Windows CE",];let isMoblie = false;for (let i = 0; i < mobileAgents.length; i++) {if (sUserAgent.indexOf(mobileAgents[i]) > -1) {isMoblie = true;break;}}return isMoblie;
};

3.在router的index文件引入util

4.通过checkmobile判断，如果是手机打开的网址就是手机的首页，如果是pc端打开的就是pc

vue项目区分打开的是pc端还是移动端相关推荐

Vue项目区分开发环境问题
记录背景在Jenkins持续构建项目时,出现的IP和Port变化的情况. 也考虑到后期会换底层数据库,Redis配置和上传下载路径,可能会随着服务器的不同配置多台不同的环境变量. 所以区分一下各自开 ...
vue项目--open打开0.0.0.0网址如何修改
在启动vue项目的时候,用了--open启动,结果显示:网址为 http://0.0.0.0:8080/ 的网页可能暂时无法连接,或者它已永久性地移动到了新网址. 看了一圈,大家都是用idea启动的, ...
【Vue实用功能】Vue 项目首次打开加载很慢的优化方案
文章目录方案1: vue-router 懒加载方案2:CDN加速方案1: vue-router 懒加载首次加载时资源过多导致速度缓慢问题当SPA(单页应用程序)变得很复杂时,构建后的包会变得 ...
vue项目解决打开新页面预览PDF，同时修改预览PDF页面的标题和图标
今天遇到一个需求,要就打开的pdf预览页面要,放自己的图标和标题. 问过大神后的知通过以下形式可以实现: 在public目录下新建一个html页面, 在新建的html页面的head中的 <tit ...
vue项目每次打开显示的端口号都不一样
原因:portfinder新发布的版本异常解决方法: npm install portfinder@1.0.21
Vue项目构建开发入门
Vue项目构建开发入门开篇:Vue CLI 3 项目构建基础大家好,当你点进这个标题,开始阅读本章的时候,说明你对 Vue.js 是充满好奇心和求知欲的.我之前写过一篇文章,这样评价 Vue.js ...
electron打包现成的vue项目成.exe文件，build打包vue项目（quasar 框架）
前言: 公司已有web端vue项目,现在有需求,需要把web端的该项目用electron打包成 .exe 可执行文件. 思考:打包成 .exe 文件,首先需要将vue项目在本地打包成静态可运行文件,其 ...
vue项目首屏加载过慢解决方案
前言因为我的一个vue项目首页打开加载了好久,所以决定优化一下.发现是打包体积太大了,页面才加载慢主要是第三方库. 优化着优化着就想要更好一点,于是逛博客搜索,参照了几个博主的解决方法整理出一下几点 ...
前端--使用webstorm创建一个vue项目
一.webstorm的安装: 1.什么是webstorm WebStorm是jetbrains公司旗下一款JavaScript 开发工具,和IntelliJ IDEA同源. 再多的,可以 2.webs ...

vue项目区分打开的是pc端还是移动端

vue项目区分打开的是pc端还是移动端相关推荐

最新文章

热门文章