firebase - VueJS 和 Firebase，刷新时历史模式 404 错误

Question

我在我的路由器文件中用历史模式删除了链接中的 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
    }
  ]
});

Answer 1

我唯一能想到的是您还没有将更改部署到您的 firebase.json 文件。

执行

firebase deploy --only hosting

---

您应该能够从项目的 Hosting page 查看部署历史记录.确认更改已部署。