Vue项目dist文件夹不能上传至github

前端王小婷

于 2019-05-21 16:02:37 发布

阅读量1.3k

点赞数

本文链接：https://blog.csdn.net/weixin_44763569/article/details/90408816

版权

本文介绍将本地demo上传至GitHub的相关内容。在通过npm run build打包后，dist文件夹目录被禁止上传，导致无法访问vue项目的index.html。原因是vue为节约上传文件大小禁止上传dist文件，解决方法是删除vue根目录下.gitignore文件中的 /dist/ ，重新打包并上传。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

本地demo上传至github五步曲
https://www.jianshu.com/p/40f48a007c50

想要把项目托管在github上边，通过npm run build进行打包
但是产生的dist文件夹目录被禁止上传
可以看到列表里面，并没有dist文件，也无法生成链接来访问vue的项目。

于是在生成的地址里面无法访问index.html
原因：vue为了节约上传文件的大小，将dist文件给禁止上传了；

解决方法：
找到vue根目录下的.gitignore
打开文件

删除掉 /dist/ ，

.DS_Store
node_modules/

npm-debug.log*
yarn-debug.log*
yarn-error.log*
/test/unit/coverage/
/test/e2e/reports/
selenium-debug.log

# Editor directories and files
.idea
.vscode
*.suo
*.ntvs*
*.njsproj
*.sln

保存之后

重新在命令行打包（npm run build）
上传至github
这个时候就有了