Estoy tratando de usar enlaces de estado push HTML5 con mi aplicación Angular. Lo que tengo es una serie de rutas similares a las siguientes

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

Esto funciona cuando navego a [host] / # / product / ABC123: muestra la URL en el navegador como / product / ABC123, luego, cuando empiezo a hacer clic en mis otras rutas (usando ui-sref), todo funciona como se esperaba.

Sin embargo, me gustaría poder actualizar el navegador y permanecer en el mismo estado, así como poder copiar y pegar ese enlace y enrutarlo al estado correcto.

p.ej. Si llegué a [host] / product / ABC123, quiero mostrar el contenido de la ruta # / product / ABC123. Actualmente, esto me dará un no encontrado.

Estoy usando nginx como mi servidor de aplicaciones. Creo que tendré que agregar algo para manejarlo a ese nivel, pero no estoy seguro de por dónde empezar.