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

時間 2019-11-30

標籤 vue cli 項目 mockjs axios 實現後端分離代碼 demo 包括建立简体版

原文原文鏈接

今天學習了一下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運行一下

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。