我删除了我的路由器文件中带有历史模式的链接中的hashbang。现在当我刷新页面时，我得到了404错误。
我试图跟踪this link
然后，我添加了firebase.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
    }
  ]
});