VueJS 및 Firebase, 새로 고침 시 기록 모드 404 오류

VueJS 및 Firebase, 새로 고침 시 기록 모드 404 오류

라우터 파일의 이력 모드를 사용하여 링크의 해시방을 삭제했습니다.페이지를 갱신하면, 404 에러가 표시됩니다.

나는 이 링크를 팔로우하려고 했다.

파이어베이스에 부품을 추가했습니다.json:

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

아무것도 변하지 않았어요.

왜 아직도 이 오류가 발생하는지 모르겠어요.여러 가지를 시도해 봤지만 고칠 수 있는 것을 찾을 수가 없어요.

라우터 파일은 다음과 같습니다.

const router = new VueRouter({
  mode: 'history',
  routes: [
    {
      path: '/',
      redirect: '/catalog'
    },
    {
      path: '/catalog',
      name: 'Catalog',
      component: Catalog
    },
    {
      path: '/catalog/category/:category',
      name: 'ProductsList',
      component: ProductsList
    },
    {
      path: '/catalog/category/:category/product/:id',
      name: 'ProductDetail',
      component: ProductDetail,
    },
    {
      path: '/catalog/category/:category/product/create',
      name: 'CreateProduct',
      component: CreateProduct
    }
  ]
});

제가 생각할 수 있는 유일한 것은 변경 사항을 아직 도입하지 않았다는 것입니다.firebase.json파일.

실행

firebase deploy --only hosting

---

프로젝트의 호스팅 페이지에서 배포 기록을 볼 수 있어야 합니다.변경이 전개되고 있는 것을 확인합니다.

언급URL : https://stackoverflow.com/questions/47284306/vuejs-and-firebase-history-mode-404-error-when-refresh