Vue-cli項目中mockjs + axios實現先後端分離代碼小demo(包括vue項目的建立)

今天學習了一下mockjs+axios模擬數據實現先後端分離,寫一個小demo並記錄一下,但願對vue的初學者有一點點幫助。(個人編輯器是webstorm,確保已經安裝node.js,講的比較基礎)html

首先,使用vue-cli腳手架搭建一個vue項目,參考webstorm建立並運行vue項目教程vue

第一步:安裝axios和mock.jsnode

npm install axios 

npm install mockjs
複製代碼

第二步:在src中新建mock.js文件ios

第三步:在main.js中全局引入axios插件(並設定爲Vue的原型屬性$axios)和mock.js文件web

第四步:在HelloWorld.vue組件中使用axios發送請求並將響應數據渲染到htmlvue-cli

第五步:執行npm run dev運行一下

相關文章
相關標籤/搜索