Глубокая маршрутизация ссылок в приложение для Android/IOS в vue js

#android #ios #vue.js

Вопрос:

Когда пользователь посещает мобильный веб-сайт через android/ios iphone, он должен быть перенаправлен на соответствующие приложения в своем телефоне. Если они все еще не установили соответствующие приложения для веб-сайтов, их следует перенаправить на соответствующие приложения в Play Store или Apple Store. Внутри файла App.vue ниже внесены изменения.

 const userAgent = window.navigator.userAgent;  const isIphone = userAgent.match(/iPhone/);  const isAndroid = userAgent.match(/Android/);  const isIpad = userAgent.match(/iPad/);     beforeCreate: function() {  if ((isIphone === "iPhone" || isAndroid === "Android") amp;amp; isIpad === "null") {  window.location = `{yourApp}:///`;  }  },  created: function() {  if (isIphone || isAndroid) {  setTimeout(() =gt; {  if (isIphone === "iPhone") {  window.location.href = "https://apps.apple.com/app/id{lt;app idgt;}"; //here add your correct app id  } else if (isAndroid === "Android") {  window.location.href =  "https://play.google.com/store/apps/details?id=lt;app idgt;"; //here add your correct app id  }  }, 2500);  }  }  

Но это сработает не так, как я ожидал. Я предполагаю, что причиной может быть проблема с идентификацией устройства. Кто-нибудь знает, как решить эту проблему или любой другой подход к созданию глубоких ссылок в vue js?