vue3的打包空白问题＜router-view /＞内不显示

最新推荐文章于 2024-09-11 15:28:37 发布

原创最新推荐文章于 2024-09-11 15:28:37 发布 · 3k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#前端

在前端项目打包过程中遇到了页面加载为空白的情况。问题出在router/index.js文件中，原本配置的路由模式为history，改为使用hash模式（createWebHashHistory）后，解决了打包后页面显示空白的故障。这表明项目可能需要配合服务器配置来正确处理history模式，而hash模式则不需要额外的服务器配置。

项目场景：

前端项目打包时候遇到的问题

问题描述

打包完之后页面空白，需要修改router/index.js文件

const router = createRouter({
  mode: "hash",
  history: createWebHashHistory(process.env.BASE_URL),修改后
  // history: createWebHistory(process.env.BASE_URL),
  routes,
});