- 网站精华
nuxtJs框架中判断是pc端还是移动端，分别跳转不同页面
简介 目前博主的网站，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
收藏
暂无评论信息