nuxtJs框架中判断是pc端还是移动端,分别跳转不同页面
分类专栏: Javascript&
简介 目前博主的网站,PC端采用的是80端口,移动端采用的是443端口...
<p><strong class="ql-size-large">1. 新建一个isMobile.js文件,路径是/assets/js/isMobile.js (路径可以自选)</strong></p><pre class="ql-syntax" spellcheck="false">(function () {
const userAgent = navigator.userAgent.toLowerCase();
if (/ipad|iphone|midp|rv:1.2.3.4|ucweb|android|windows ce|windows mobile/.test(userAgent)) {
// 移动端
console.log('移动端')
www.location.replace("https://www.qingxingtech.cn")
} else {
// pc端
console.log('PC端')
}
})();
</pre><p><br></p><p><strong class="ql-size-large">2. 在nuxt.config.js 文件中的plugins对象里,添加</strong></p><pre class="ql-syntax" spellcheck="false">plugins: [
{ src: '~/assets/js/isMobile.js', ssr: false }
]
</pre><p><br></p><p>在移动端打开pc端的时候,会自动跳转到移动端的网址。</p><p><br></p><p><br></p><p><br></p>
分享到:
转载:
喜欢 2
收藏
暂无评论信息
- 相关文章
- 文章推荐
-
Node 配置sequelize + mysql,根据模型自动创建数据库表
研究了一下午的node + sequelize + mysql。
-
淘宝 NPM 镜像站喊你切换新域名啦
淘宝 NPM 镜像站(npm.taobao.org)自 2014 年 正式对外服务,一开始只是想简单地做 NPM 的中国镜像站点,回馈国内前端社区,不知不觉竟然一直运行到现在。当年参考 Ruby Gems 淘宝镜像 的方式,跟阿里开源组织申请了 taobao.org 的二级域名,镜像站点名称也自然而然地取名为 淘宝 NPM 镜像站 (下称 CNPM)。
-
jQuery 3.0正式发布
jQuery 基金会刚刚发布了该 Java 框架的 3.0 版本,并且首次抛弃了对老旧的 IE 浏览器的支持。jQuery 3.0 的工作始于 2014 年 10 月,其最初目标是在 2.0 版本之上进行完善,并和遥远的 1.0 版代码说再见——因为要兼容 IE 的缘故,其已经臃肿不堪。jQuery 2.0 已经与 1.0 版本完全不兼容,而 3.0 也将继续这一路线。
-
乐视官方确认还有 400 多人:消息称员工“没有内卷和 996”,过着“没有老板”的神仙日子
7 月 11 日消息,近期,微博博主 @Fenng 分享了一个冷知识:乐视居然还剩下 400 多人,有不少是五年以上的老员工。这些老员工称“幸福感是很多老乐视人留下来的理由”,没有内卷和 996,没拖欠过留下来的员工的工资,也没停过社保。
- 点击排行
- 站长推荐
- 猜你喜欢
- 网站信息
- 站内问答:12篇
- 站内文章:213篇
- 建站时间:已运行1238天
- 备案号: 浙ICP备2022018799号
- 语言:
- English(USA)
- French(FR)
- Chinese(ZH)
无数据