带有参数的 Github 页面路由的 Vue 问题

Question

import { createRouter, createWebHistory } from 'vue-router';

const routes = [
  { path: '/', component: ()=> import('@/components/Home/Home.vue')},  
  { path: '/:marca/cars', component: ()=> import('@/components/Cars/Cars.vue')},  
];

const BASE_URL = '/Forza3API1/';

const router = createRouter({
  history: createWebHistory(BASE_URL), 
  routes
});

export default router;

路线 => Forza3API1/Abarth%20/cars

另一条路线工作正常，问题是这样的。 Github 页面给我 404 但在本地工作 美好的。 不知道为什么？

Answer 1

我在这里回答了类似的答案：我如何让 Vue Router 与 GitHub Pages 一起工作？

TLDR 的事实是，在 Github 页面上设置它可能非常复杂。老实说，我没有实现任何功能性的东西。因此我建议使用任何其他免费托管平台，例如 Netlify 、Vercel、Cloudflare、Digital Ocean 等等...

使用 Github 页面确实没有任何好处。到 2024 年，部署工作流程甚至都没有那么容易。