大屏可视化项目部署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