본문 바로가기

Web Programming/Vue.js

firebase에서 nuxt.js dynamic routes 사용하기

Nuxt.js에서 Dynamic Routes를 사용하고 그대로 배포하면 404페이지가 뜨게 됩니다.

이 경우에는 파이어 베이스의 설정을 변경하면 됩니다.


hosting 폴더에 있는 firebase.json 파일을 아래와 같이 고쳐주세요.

"rewrites":[
{
"source":"**/*",
"destination": "/index.html"
}
]

일반 경로(예: /login 등)를 제외하고는 index.html로 연결됩니다. 그러면 이제 nuxt.js에서 라우팅 처리를 하게됩니다.



반응형

'Web Programming > Vue.js' 카테고리의 다른 글

Vue.js 인터뷰 질문  (0) 2019.04.21
Firebase로 nuxt.js 배포하기  (0) 2019.02.07
Vue.js + Nuxt.js로 동적 URL 페이지 만들기  (0) 2018.12.27