最近在用Vue仿写cnode社区,想要上传到github,并通过Github pages预览,在这个过程中遇到了一些问题,因此写个笔记,以便查阅。
完成Vue项目以后,在上传到github之前,需要修改一些配置才能通过github pages预览项目。
1. 解决文件路径问题:
打开项目根目录config文件夹下的index.js文件,进行如下修改:
看清楚是 build(上边还有个dev 是开发环境下的配置,不需要改动)下的 assetsPublicPath :将‘/'改为‘./'
2. 背景图片路径错误
在css中写的background-img的路径出错需要找到build文件夹下的utils.js,修改一下位置
打开根目录build文件夹中的utils.js文件,在下图中标出的位置中添加publicPath: '../../',
3.项目打包后dist文件夹下的index.html引入文件没有