Angular JS application page refresh issue

I am working on an angular application and i have used "$locationProvider.html5Mode(true)" in my route config to avoid /#/ in URl. I have also added "base href="/"" in index.html and everything is working fine on refresh of pages. But when i am trying to refresh the page having URL "http://localhost:3000/home/:JavaScipt%20SC2.0" then i am getting 'Cannot GET /home/:JavaScipt%20SC2.0' error. I think error is due to name "JavaScript SC2.0" containing '.' symbol. Any clue to fix this issue?