Vue 3路由器不去回退页面无法GET错误

t8e9dugd  于 2023-05-18  发布在  Vue.js
关注(0)|答案(1)|浏览(193)

我发现类似的问题张贴,但我无法得到工作的解决方案。我正在托管一个静态SPA网页与不同的路由器视图。我试图得到一个回退路线到主页,但得到CANNOT GET错误浏览器,如果我导航到任何东西,但主要URL。例如:

从主页导航到页面没有问题。例如,如果我访问www.mywebpage.com,然后单击导航到www.mywebpage.com/services。我理解这是因为浏览器正在寻找一个不存在的页面,因为index.html是什么需要登陆。但不知道如何解决这个问题。
我试着添加这条路线:

path: '/:pathMatch(.*)*', 
name: 'home', 
component: landing

我也有重定向如下:

{
    path: '/',
    redirect: '/page-home'
  },
  {
    path: '/index.html',
    redirect: '/page-home'
  },
    path: '/page-home',
    name: 'Home',
    component: landing
  }

我正在使用历史模式创建路由器:

const router = createRouter({
  history: createWebHistory(process.env.BASE_URL),
  mode: 'history',
  routes
})
ilmyapht

ilmyapht1#

感谢IVO GELOV上面的评论。我没有意识到我还需要设置Web服务器回退。我能够有错误页面被重定向到index.html并解决问题。

相关问题