vite+vue3打包部署问题

  • 最近使用vite+vue3写了个小的demo,发现打包部署后页面出不来。
  • 如果是正常把包放在服务器的根目录中,项目页面是可以打开的。但是我要部署的是根目录dist包里面,外面多了一层文件夹。
  • 解决:
    • vite.config.ts文件
      base: '/zoomVite/',
    
    • 配置base,zoomVite是生成的包名
    • router/index文件
    history: createWebHistory('/zoomVite/'),
    
    • createWebHistory配置的路径和base是一致的
    • npm run build运行后生成的打包文件,将名称改为zoomVite。将zoomVite的包放入服务器下dist文件中

你可能感兴趣的:(vue,前端,javascript,vue.js)