各位大佬 求教一个问题 Vue项目打包后如何上传到GitHub实现预览

Question

Vue项目打包以后要怎么上传到GitHub 实现预览功能
是只要上传dist文件吗
打包成dist文件 样式失效怎么办 cart.json数据无法读取是怎么回事

Answer 1

可以将Vue项目打包结果放在对应项目gh-pages里。

1. 将项目提交至仓库(包括dist目录)，假如仓库名称为test.
2. $ git subtree push --prefix dist origin gh-pages，将dist目录提交至gh-pages。
3. 在地址栏输入https://<你的github名称>.github.io/test/即可查看页面。

样式失效可能是引用路径错误的原因。如果是使用Vue-cli3.0构建的项目，需要在vue.config.js中设置baseUrl: '/staff/'。

cart.json数据无法读取的问题，需要您提供cart.json在项目中是如何读取的？具体代码是否可展示？

Answer 2

可以用GitHub Pages