项目部署bug

155 阅读1分钟

大屏可视化项目部署bug

今天在部署之前做的项目大屏可视化的时候,出现了bug,上传到github仓库后,项目的预览链接打开是白页面,控制台显示404(main.ts也显示404),最后排查发现下面的错误:

前提:已将代码上传至github远程仓库

dist 目录在 .gitignore里面,没有配置base

  • .gitignore里面的dist目录删除

  • 重新build

  • push

  • 打开github远程仓库,点开dist,得到上面的/文件名/dist/

  • 回到vscode,修改vite.config.ts的配置

export default defineConfig({
  base: '/文件名/dist/',
  ......
})
  • 再重新build

  • 重新上传

  • 来到setting--page,生成链接,打开生成的链接,加上/dist/index.html