GET http runtime.js 404 及部署后项目文件都拿到页面缺是空白

414 阅读1分钟

最近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
})

切换后 服务器即可正常显示,如果想继续使用history,后端部署需要重定向,或者nginx代理下。