無法從電容器偵聽器 (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')
        })
    })