vue-cli上傳github

在網上聽了一些vue-cli,迫不及待用起來,試試流程。所以就做個簡歷模版吧。

一. 模板運用了一些基本的vue的方法:
  1. vue的MVVM思想
  2. vue-for、vue-router等

二. 至於怎麼搭建,請自行網上查詢,今天主要說將vue-cli上傳github

本以爲簡單地按照Git Bush Here的步驟就可以,沒想到資源各種請求不到,沒想到一上午遇到的坑比我今天吃的飯還多

這裏寫圖片描述

三. 解決方法
  1. 修改config–>index.js文件,將bulid對象中的assetsPublicPath: ‘/’改爲assetsPublicPath: ‘./’ (注意:不是dev下的assetsPublicPath,而是bulid下的assetsPublicPath,小編因爲這個坑差點就放棄了)這裏寫圖片描述
  2. 修改config–>index.js文件,打開build文件中的utils.js,添加publicPath: ‘../../’ (之前部分圖片能請求,但是部分請求不到,添加這句,就都請求到了)這裏寫圖片描述
  3. 修改src–>main.js文件,註釋掉了小編原來加的mode:”history”,這裏寫圖片描述
  4. 打開cmd,運行cnpm run build,生成dist文件
  5. 正式上傳到github上,問題又來了 ,dist遺漏,所以在上傳的時候將”git add .”修改爲”git add -f dist”這裏寫圖片描述

四. 找到url,網頁打開dist文件中的index文件,就正常瀏覽了

這裏寫圖片描述這裏寫圖片描述這裏寫圖片描述

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