关于vue-cli创建项目（小白）(2)mock数据
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数据的全部內容，希望文章能夠幫你解決所遇到的問題。
