应用程序路由在 web 构建中工作，但在 cordova 构建中不工作

Question

我正在为移动应用程序和路由将 angular 转换为 cordova，我有一个菜单，其中包含 link 以转到不同的页面。此 link 适用于 Web 构建，但不适用于 Cordova 构建。我尝试了以下方法：

const routes: Routes = [
 {
   // routes set up
 }
]

export const UsersRouting = RouterModule.forRoot(routes, {onSameUrlNavigation: 'reload'});

            {url:'./home', text: 'Home', path: 'home'},
            {url:'/', text: 'Home2', path: 'home'},
            {url:'./', text: 'Home3', path: 'home'},
            {url:'./home', text: 'Home4'},
            {url:'/', text: 'Home5'},
            {url:'./', text: 'Home6'},
            {text: 'Home7', path: 'home'},
            {text: 'Home8', path: ''},
            {text: 'Home9', path: '/'},
            {text: 'Home10', component: HomeComponent}

我将主路径设置为

 {
path: 'home',
redirectTo: '',
pathMatch: 'full'
},

还有一个路径为 ''。

 {
path: '',
// more content
},

None 这些适用于 cordova 构建，但它们都适用于 web 构建。解决这个问题的正确方法是什么？

Answer 1

所以当应用程序是在 cordova 中构建时，我尝试打印 url，它给出了一个文件 url (file://link-to-the-app)所以我用这个代替：

{text: 'Home', component: HomeComponent, outlet: 'center', url: window.location.href}

而且效果很好

应用程序路由在 web 构建中工作，但在 cordova 构建中不工作

App-routing works in web build but not working in cordova build

angular

cordova

cordova-plugins

cordova-ios