mock數據，好處，前后端分離，不用等后端的真實接口，就可以用axios（ek sju s 好像這么讀，原諒本人總是根據讀音寫單詞）請求數據了。

?

一，安裝所需插件

根據不同需求選擇安裝環境，mockjs是一個插件，需要安裝在開發環境。而axios安裝在生產環境。

cnpm install mockjs --save-dev；

cnpm install axios --save；

?

二

1.設置mock地址：

（1）創建一個mock文件夾內含 index.js文件，用于管理mock的。一定不要忘記在main.js里引入這個文件

?

（2）在index js里引入mock （和引入其他router? 一樣）

? ? ?import Mock from ‘mockjs’；

?

? （3）? 引入你的數據（你的數據可以用json文件的形式寫好，放入項目文件里）

? ? import data from “../data.jsom”

?

（4）設置mock地址和數據參數，訪問該地址，mock會攔截下來并返回相應數據

Mock.mock('訪問地址',{

? ? ? ? ? ?code：0，//相當于 訪問成功的狀態碼，也可以不設置

? ? ? ? ? ?data：“你的數據”

})? ??

三 訪問地址

?（1）.引入axios ，

? ? import axios from “axios”；

?（2）.拉取接口

? axios.get("地址").then(

res =>{

if（res.code? == 0）{

//你在此可以處理數據了

? ? }

}

)

?

轉載于:https://www.cnblogs.com/dangdanghepingping/p/9928637.html

總結

以上是生活随笔為你收集整理的关于vue-cli创建项目（小白）(2)mock数据的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。