Vue3+Vue-router(history+路由前缀)+Vite 下本地刷新找不到页面问题
Vue3+Vue-router(history+路由前缀)+Vite 下本地刷新找不到页面问题
1、问题描述
使用Fc-Admin框架（Vue3+Vue-Router+Vite ）时候，路由配置为history模式（想把路由中的去‘#’掉），并且因为要部署后台管理和前端静态页面，所以当前路由中添加了login前缀，放代码：
import { createRouter, createWebHistory} from "vue-router";
const router = createRouter({
history: createWebHistory('/login/'), // 正常情况不传参数，/login/为自定义前缀
routes: [...systemRoutes, ...systemAuthRoutes],
strict: false,
scrollBehavior: () => ({ left: 0, top: 0 })
});
打包上线后发现，刷新页面的时候，找不到路由，页面为空白页。
2、解决方法
vite.config.ts 配置文件中：
将默认base：
base: './',
修改为
base: '/login',
问题完美解决~~
如果没有配置默认路由，可以试着将代码改为尝试
base: '/',