vue 打印出git提交信息_vue项目上传Github预览的实现示例

最近在用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: '../../'，

项目打包后dist文件夹下的index.html引入文件没有引号，这里的解决方法是：

找到build文件夹下的webpack.prod.conf.js文件，在webpack.prod.conf.js找到new HtmlWebpackPlugin中的minify，把minify中的 removeAttributeQuotes: true改为 removeAttributeQuotes:false

二、