Estou tentando usar links de estado push HTML5 com meu aplicativo Angular. O que tenho é uma série de rotas semelhantes às seguintes

$stateProvider.state('product', {
    url: '/product/:productCode',
    templateUrl: 'product/product.html',
    controller: 'ProductCtrl'
    }
});

Isso funciona quando eu navego para [host] / # / product / ABC123 - ele exibe o URL no navegador como / product / ABC123 e, quando começo a clicar em minhas outras rotas (usando ui-sref), tudo funciona como esperado.

No entanto - eu gostaria da capacidade de atualizar o navegador e permanecer no mesmo estado, além de poder copiar e colar esse link e encaminhar para o estado correto.

por exemplo. Se eu tiver que acessar [host] / product / ABC123 - quero exibir o conteúdo da rota # / product / ABC123. Atualmente, isso vai me dar um não encontrado.

Estou usando o nginx como meu servidor de aplicativos. Acredito que vou ter que adicionar algo para lidar com isso nesse nível, mas não sei por onde começar.