无法从电容器侦听器 (appUrlOpen) 事件 (Nuxt、Vue.js、Vue-Router) 导航应用程序

Question

作为第一个项目，我有 Nuxt、VueJs 和 Capacitor，它们无法路由 Firebase 动态链接。

iOS 应用程序设置为接受关联域作为此类工作。

iOS 应用程序打开并触发电容器事件“appUrlOpen”，但是当我尝试将 router.push() 启动到任何有效路径时，它无法导航，例如（“/about”）

调试提示 promise 推送成功，但是模拟器上没有反映。

我已确保在推送时路线是正确的，并用尽了所有其他可能导致问题的地方。

下面的代码位于一个 JS 文件中，该文件通过 nuxt.config.js 作为插件导入

import { App } from '@capacitor/app';
import Vue from 'vue';
import VueRouter from 'vue-router';

const router = new VueRouter({ routes: [ { path: '/about' }] });

App.addListener('appUrlOpen', data => {
    router.push({ path: '/about' })
      .then(() => console.log('Navigated!'))
      .catch(error => {
      console.log('Error', error);
    });
});

Answer 1

奇怪的是，名为 Mani Mirjavadi (user:4448220) 的用户间接回答了这个问题，但不久前删除了他的帖子。 幸运的是，它可以作为缓存资源使用。

看起来好像路线需要像下面这样路由。

 window.onNuxtReady(() => {
    App.addListener('appUrlOpen', (event) => {
        window.$nuxt.$router.push('/community')
        })
    })