mock數(shù)據(jù)

sixgo 發(fā)布于2019-08-23 13:49 / 2983人閱讀

摘要：本文主要是記錄如何數(shù)據(jù)操作，防止我這條金魚過幾天又忘了如何操作。數(shù)據(jù)打開，輸入對應的地址。

本文主要是記錄如何mock數(shù)據(jù)操作，防止我這條金魚過幾天又忘了如何操作。不涉及原理（當然寫原理目前的我也寫不出來，哈哈哈），只是寫了操作步驟。如果有誤歡迎大佬指出

一、使用GitHubpage mock數(shù)據(jù)

demo：https://github.com/0612bamboo...

在github寫一個簡單的ajax請求

在html的同文件夾下寫一個json文件，里面放mock的數(shù)據(jù)

ajax的url地址指向該json文件，記得這里是坑，要帶上倉庫名/mock/home.html

設置githubpage，通過瀏覽器查看mock的數(shù)據(jù)

二、通過本地開靜態(tài)服務器來mock數(shù)據(jù)

在本地同時寫html，json文件，ajax的url地址指向該json文件。
打開gitbash，通過http-server打開靜態(tài)服務器，通過瀏覽器用返回的本機ip打開html，查看mock的數(shù)據(jù)

三、通過easy mock網(wǎng)址mock數(shù)據(jù)

1、打開網(wǎng)址，登陸

2、點擊右下角的+號創(chuàng)建項目，輸入項目名，有時在url后加一個后綴。我寫的是項目名game，url：music

3、項目創(chuàng)建好，點擊game創(chuàng)建接口

4、進入創(chuàng)建接口頁面，點擊創(chuàng)建接口

5、完善接口信息，左邊寫入mock的數(shù)據(jù)，點擊完成

6、點擊復制接口鏈接

最后兩種方法驗證
通過easymock 創(chuàng)建項目，創(chuàng)建接口，完善接口對應的數(shù)據(jù)，并生成url。https://easy-mock.com/mock/5c...
（1）gitbashmock數(shù)據(jù)
打開gitbash，輸入curl url對應的地址。

（2）瀏覽器驗證
通過寫html文件，把url更換為生成的url，通過瀏覽器查看
demo：https://github.com/0612bamboo...

我這里偷懶用githubpage查看的，都差不多

云服務器 GPU云服務器 js mock數(shù)據(jù) js的mock數(shù)據(jù) mock Mock100

文章版權歸作者所有，未經(jīng)允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉載請注明本文地址：http://systransis.cn/yun/99628.html

讓前端攻城師獨立于后端進行開發(fā): Mock.js

摘要：一是什么目前的大部分公司的項目都是采用的前后端分離后端接口的開發(fā)和前端人員是同時進行的那么這個時候就會存在一個問題在頁面需要使用大量數(shù)據(jù)進行渲染生成前后端開發(fā)人員的接口也許并沒有寫完作為前端的我們也就沒有辦法獲取數(shù)據(jù)所以前端工程師就需要自己 showImg(https://segmentfault.com/img/remote/1460000013022563); 一.Mock.js是...

Fundebug 2019-08-22 14:06 評論0 收藏0
vue-vue項目中mock.js的使用

摘要：表示需要攔截的請求類型。添加信息攔截請求，調用函數(shù)先看一下這個是什么獲取信息更改后輸入標題，點擊提交，再點擊獲取，可以看到返回了我們提交的數(shù)據(jù)，并且是對象的形式，拿到數(shù)據(jù)后就可以做進一步的操作了。 mock.js 官網(wǎng)地址：mockjs.com/ mockjs是用來模擬產(chǎn)生一些虛擬的數(shù)據(jù)，可以讓前端在后端接口還沒有開發(fā)出來時獨立開發(fā)。我們可以使用真實的url，mockjs可以攔截ajax請求...

Object 2019-05-23 17:34 評論0 收藏0
前后端真正分離，網(wǎng)線被拔，也能請求數(shù)據(jù)（mock.js）

摘要：六使用擴展很多時候，服務器都有定義固定的返回值，如為則表示該請求有效。做了一回標題黨（別吐槽，說的大實話，真的可以不用后臺，就能拿數(shù)據(jù)，快！，向下看...）一、mock.js 是什么？官網(wǎng)機票?簡單的描述一下， mock.js 可以在后臺接口沒有更新時，來本地模擬數(shù)據(jù)達到測試界面功能的一個很方便的工具庫，mock.js 可以攔截ajax 請求，重指向并返回你定義的模板數(shù)據(jù)。更多細節(jié)，可查...

高璐 2019-05-23 13:53 評論0 收藏0
前后端分離之更好的mock你的后端api

摘要：注意廣告警告廣告警告廣告警告在一個應用的開發(fā)周期中一般前端與后端都是并行開發(fā)的各自完成自己的開發(fā)工作后進行聯(lián)調聯(lián)調通過再進行提測發(fā)布開發(fā)過程中前端都會以后端提供的文檔作為標準模擬返回數(shù)據(jù)以確保在開發(fā)中就保證功能的完整性而關于如何更好的進行業(yè) 注意! 廣告警告! 廣告警告! 廣告警告! 在一個web應用的開發(fā)周期中, 一般前端與后端都是并行開發(fā)的, 各自完成自己的開發(fā)工作后進行聯(lián)調, 聯(lián)...

kohoh_ 2019-08-26 13:49 評論0 收藏0
從零開始打造 Mock 平臺 - 核心篇

摘要：前言最近一直在搗鼓畢設，準備做的是一個基于前后端開發(fā)的平臺，前期花了很多時間完成了功能模塊的交互。核心代碼就是這么一句。經(jīng)過各種猜想和測試，發(fā)現(xiàn)是模擬有問題。其實用的最終核心思路還是一樣的。前言最近一直在搗鼓畢設，準備做的是一個基于前后端開發(fā)的Mock平臺，前期花了很多時間完成了功能模塊的交互?，F(xiàn)在進度推到如何設計核心功能，也就是Mock數(shù)據(jù)的解析。根據(jù)之前的需求設定加上一些思考...

he_xd 2019-08-30 13:53 評論0 收藏0
從零開始打造 Mock 平臺 - 核心篇

摘要：前言最近一直在搗鼓畢設，準備做的是一個基于前后端開發(fā)的平臺，前期花了很多時間完成了功能模塊的交互。核心代碼就是這么一句。經(jīng)過各種猜想和測試，發(fā)現(xiàn)是模擬有問題。其實用的最終核心思路還是一樣的。前言最近一直在搗鼓畢設，準備做的是一個基于前后端開發(fā)的Mock平臺，前期花了很多時間完成了功能模塊的交互。現(xiàn)在進度推到如何設計核心功能，也就是Mock數(shù)據(jù)的解析。根據(jù)之前的需求設定加上一些思考...

kidsamong 2019-08-26 11:35 評論0 收藏0