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

【问题标题】：Failing to navigate App from Capacitor listener (appUrlOpen) event (Nuxt, Vue.js, Vue-Router)无法从电容器侦听器 (appUrlOpen) 事件（Nuxt、Vue.js、Vue-Router）导航应用程序
【发布时间】：2021-12-31 13:49:52
【问题描述】：

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

iOS 应用程序设置为接受关联域。

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

调试表明推送成功，但这并没有反映在模拟器上。

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

下面的代码位于一个 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);
    });
});

【问题讨论】：

标签： javascript vue.js nuxt.js vue-router capacitor

【解决方案1】：

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

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

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

【讨论】：