把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分支代碼結構如下:

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章