把vue项目部署到githup上，并且外网可以访问

本文主要是介绍把vue项目部署到githup上，并且外网可以访问，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

1.在githup已有的项目仓库里的master分支上先做以下两点修改：

• 在 npm run build 之前要将 config/index.js 里边 build 配置里边的 assetsPublicPath: '/' 改成 assetsPublicPath: './'
• 将 webpack.prod.conf.js 中的 removeAttributeQuotes 改为 false

2.在master分支上，按顺序执行以下命令：

$ npm run build
$ git checkout -b gh-pages
$ git add -f dist
$ git commit -m "init"
$ git subtree push --prefix dist origin gh-pages

3.访问地址：https://tangtingtt.github.io/tt/#/

 在githup里gh-pages分支代码结构如下：

这篇关于把vue项目部署到githup上，并且外网可以访问的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---