link profundo de aplicativo de página única com a página de login

Minha equipe vai criar um aplicativo de página única para o nosso projeto futuro. No momento, tenho um problema com o design do aplicativo com a página de login. Existem 2 abordagens:

Crie a página de login como uma página separada, o restante do aplicativo é outra página única.O aplicativo tem apenas 1 página e a página de login será uma visualização no aplicativo que é alternado usando o javascript.

Eu não sei qual abordagem devo seguir. Eu li algumas discussões na internet, parece que é mais popular para criar a página de login como uma página separada, a razão para isso é que podemos usar autenticação baseada em cookie normal com sessão no servidor, redirecionar os usuários para a página padrão (principal página) após o login bem-sucedido e assim por diante. Portanto, estou pensando em criar a página de login como uma página separada, mas tenho um problema com links diretos.

Por exemplo, digamos que eu tenha duas páginas:login.html, index.html (página principal). Quando um usuário não autenticado solicita uma página como estaindex.html#product=1, o usuário será redirecionado para ologin.html, após o login com sucesso, redirecionar o usuário de volta paraindex.html#product=1. Mas neste momento, o#product=1 está perdido.

Por favor me aconselhe sobre como manter o link direto ou devo tomar a segunda abordagem? Obrigado