vite打包vue2 history路由模式的的项目部署线上后<router-view />页面显示空白,命令行也不报错,本地是没有问题的

如题,本地畅通无阻,但是部署到服务器上就无法访问,本地是localhost://login可以访问到,但是因为我这里所有前端项目有一个路由映射,相当于是一个二级路由,导致线上路由出错,所以给路由加一个base就可以。

每个人情况不同,酌情参考!!当然还要注意自己项目的nginx配置。

我这种情况下的解决方案:

const router = new VueRouter({
  mode: 'history',
  base: '/xxxx/', // 二级路由的话,这一行很关键!!!
  routes
});

你可能感兴趣的:(报错,github)