記錄首次修改vue-element-admin遇到的一些問題

一個努力向上攀登的碼農發表於2020-04-29

*記錄首次修改vue-element-admin遇到的一些問題

這裡說明一下,我使用的是本地搭建的easy-mock來模擬資料的!

修改登入邏輯,讓登入介面訪問本地easy-mock搭建的loginInfo介面在這裡插入圖片描述

我們首先下載vue-element-admin基礎班到本地,然後安裝依賴,啟動專案:

  1. 編輯器開啟專案 ,進入src目錄下的views資料夾,然後進入login目錄下的index.vue;
  2. 找到登入邏輯:在這裡插入圖片描述
    ,通過dispatch找到store裡面的action(這裡的user/login 是我修改後本地的路徑);
  3. 通過路徑找到login函式:增加了 **圖片拖拽** 功能,你可以將本地的圖片直接拖拽到編輯區域直接展示
  4. 找到login函式的出處:在這裡插入圖片描述
  5. 然後到api資料夾下找到user.js(當然,login函式裡的url要對應到你在easy-mock裡面建立的介面),裡面引用了utils裡面的request.js:在這裡插入圖片描述
  6. 這裡面首先修改axios裡面的bash_url,把它改成你本地easy-mock的Base URL:在這裡插入圖片描述在這裡插入圖片描述
  7. 到這裡,如果你按照上面的步驟執行的話,你應該能進入專案了:在這裡插入圖片描述

相關文章