[Node Express-Angular 7] 브라우저 새로 고침 시 404 에러

angular 소스를 빌드 후, node express에 import 시키고 서버를 띄웠을 때,

 

브라우저를 새로고침하면 404에러가 나면서 아래 에러를 뱉습니다..!

No default engine was specified and no extension was provided.

그럼 굉장히 당황스럽죠? 그럴 때 당황하지 말고~

 

 

app.routing.ts 또는 app-routing.ts 아니면 app.module.ts 파일 내 routing 부분에

 

" { useHash: true } "를 추가해주면 됩니다!

@NgModule({ imports: [RouterModule.forRoot(routes, { useHash: true })], exports: [RouterModule] })

 

 

저렇게 적용하게 되면 url에 #이 생기면서 브라우저를 refresh해도 404가 나타나지 않습니다! 아래처럼!

 

출처

https://blog.fullstacktraining.com/404-after-refreshing-the-browser-for-angular-vue-js-app/