vue+mockjs+axios 本地請求


在自己寫些demo的時候一直沒有后端接口 所以就很很麻煩 

所以最近學了一下 mockjs 可以去看一下 mockjs 的官網 有很多的實例

http://mockjs.com/

接下來就是開始入手吧 首先我使用的是 vuecli3 搭建的腳手架 所以webpack基本是零配置 所以需要自己創建一個 vue.config.js 進行配置一下

首先需要用到的插件:axios mockjs json5(可有可無)

npm install axios --save-dev

npm install mockjs --save-dev

npm install json5 --save-dev

 

 

然后需要在 src 目錄下新建一個 mock文件夾中 新建一個 mock.js(具體的創建數據的方法可以去看官網)

 

 

 在這 MOCK 完數據后再在 main.js 中引入一下

 

 

再后就是在組件中請求數據了

 

 就成功啦!!!!!!!!!!!!!!!!!!!!!!!!

 

 

 

番外篇: 如果你請求的時候報這個錯:

 

 去看看你的 axios 請求攔截響應是不是 做了code判斷 沒有把 response 給 return 出來

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM