解决vite打包后项目出现空白的问题

打开控制台，一般会出现两种报错：

1. 找不到资源。

这是由于路径的问题，解决方案，vite.config.ts中加上路径都为相对路径。

export default defineConfig({
  plugins: [vue()],
  base: "./",
});

1. 页面还是空白，并且检查元素发现app节点中什么都没有，

修改路由模式，我之前是用的History模式，结果有问题，把router中index文件改为Hash模式。

import { createRouter, createWebHashHistory, RouteRecordRaw } from "vue-router";
// 省略。。。。

const router = createRouter({
  history: createWebHashHistory(),
  routes,
});
export default router;

因为我写的纯静态，到这里问题就已经能解决了。后面如果要写接口，又出现问题了，那再说吧