最近Vue3搭的项目部署到服务器上,总会出现一个 runtime.js 404的问题,不是所有文件404,所以这里不是publicPath: './',服务器用的tomcat部署的,没有用nginx代理
经过排查,最终发现导致Vue3项目部署服务器后是空白页,本地http-server的服务却可以正常运行,在Vue中的router里 使用的路由是history的模式,切换成hash模式即可解决。
vue3中 history切换hash的正确方法
const router = createRouter({
// history: createWebHistory(process.env.BASE_URL),
history:createWebHashHistory(),
routes: constantRouterMap
})