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

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

5640239-133dd6fbd9fbb3b2.png

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

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


5640239-d3e35ea0f1741a70.png

删除掉 /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
这个时候就有了


5640239-3f0e492dfc982cb7.png

原文作者:祈澈姑娘 技术博客:https://www.jianshu.com/u/05f416aefbe1
90后前端妹子,爱编程,爱运营,文艺与代码齐飞,魅力与智慧共存的程序媛一枚。
坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,对于博客上面有不会的问题,欢迎加入编程微刊qq群:260352626

Logo

前往低代码交流专区

更多推荐