Aurelia mehrseitige App?

Question

Wenn ich main.ts Datei eingerichtet haben, wie so ...

Main.ts

import {Aurelia} from 'aurelia-framework' 
import environment from './environment'; 

//Configure Bluebird Promises. 
(<any>Promise).config({ 
    warnings: { 
    wForgottenReturn: false 
    } 
}); 

export function configure(aurelia: Aurelia) { 
    aurelia.use 
    .standardConfiguration() 
    .feature('resources'); 

    if (environment.debug) { 
    aurelia.use.developmentLogging(); 
    } 

    if (environment.testing) { 
    aurelia.use.plugin('aurelia-testing'); 
    } 



    // PLAYING AROUND - Log to Console the Value of ShowLanding Session Storage 
    let showLanding = false; 
    console.log(showLanding); 
    // let showLanding = sessionStorage.getItem("show_landing"); 

    if (showLanding || showLanding === null) { 
    aurelia.start().then(() => aurelia.setRoot('landing')); 
    } else { 
    aurelia.start().then(() => aurelia.setRoot('blog/blog')); 
    } 
} 

Ich habe eine "zielseite.html/.ts" Datei in der Wurzel meiner app, und dieses bisschen Code scheint gut zu funktionieren. Das heißt, wenn "showLanding = false" wird die App auf meine "blog.html" Seite geladen, und wenn es wahr ist, wird sie auf meine "Landing.html" Seite geladen.

Was ich versuche eine Admin-Seite zu tun ist, erstellen. Immer wenn die URL besucht wird ".... com/admin" Bring mich zur Seite "admin.html", die ich eingerichtet habe.

Ist das möglich Front-End zu tun? Nur anders wüsste ich, dass URL und static-serve von der Serverroute übereinstimmen, ja?

Answer 1

ich es geschafft, diese Funktion zu erhalten (so, wie ich es arbeiten wollte), indem einfach nur lesen window.location.pathname und Einstellung mein Admin-Seite als App root.

so my Main.ts was changed to: 

    ... 

    if (showLanding || showLanding === null) { 
    aurelia.start().then(() => aurelia.setRoot('landing')); 
    } else if (window.location.pathname == "/admin") { 
    aurelia.start().then(() => aurelia.setRoot('admin/admin')); 
    } else { 
    aurelia.start().then(() => aurelia.setRoot('blog/blog')); 
    } 
} 

Ich bin sicher, dass dies wahrscheinlich nicht der beste Weg ist, dies zu tun, aber es scheint jetzt zu funktionieren. Ich bin mir sicher und aktualisiere dies, wenn es Probleme gibt.

Auch, wenn jemand anderes mit irgendwelchen alternativen Gedanken läuten will, Anliegen, Anregungen oder Feedback, bitte! Vielen Dank!