美文网首页Vue.js
vue项目添加 GitHub page

vue项目添加 GitHub page

作者: xilong | 来源:发表于2018-10-27 11:53 被阅读0次

1、首先把项目上传到GitHub(主要是dist文件)

github page 主要需要的是npm run build后的dist文件,因为dist文件一般都是gitignore忽略的,所以需要添加到git上传上去。

2、在GitHub项目里面 手动设置 GitHub page

2.1进入 项目设置 (setting)

GitHub项目的settings.png
2.2 设置GitHub page 的静态文件路径(找到GitHub page) 设置GitHub page的静态文件路径是 master分支.jpg

3、点击域名打开项目 GitHub page

GitHub page 项目域名.png

4、遇到的问题

4.1npm run build 之前要将 config/index.js 里边 build 配置里边的 assetsPublicPath: '/'
改成 assetsPublicPath: './'

参考文章 https://help.github.com/articles/configuring-a-publishing-source-for-github-pages/

相关文章

网友评论

    本文标题:vue项目添加 GitHub page

    本文链接:https://www.haomeiwen.com/subject/boortqtx.html