Vue3 vite build 之后不显示页面内容，只显示空白，也没有报错如何解决

Vue3 vite build 之后不显示页面内容，只显示空白，也没有报错如何解决

我的项目在 build 之后就插入到我的主网站的 /tools/image 路径下使用的，并非主网站，所以需要配置两个地方：

1. 修改

vite.config.js

添加 base，意思是 build 之后的外部资源都从当前目录的相对路径获取。
比如

main.js

不是

/main.js

而是

./main.js

exportdefaultdefineConfig({base:'./',})

2. 需要修改 router.js 中的 history 选项

我不知道是什么原理哈，反正是管用，之前在没有使用

vite

的时候也是在

router

中关闭这个选项的，所以差不多的事应该。

router.js

import{ createRouter, createWebHashHistory }from'vue-router'const router =createRouter({history:createWebHashHistory(),// 它本来默认是  createWebHistory()})

结果

这样在 build 之后就能正常显示了