如何在react專案中使用axios和mock資料

2021-10-01 18:46:09 字數 1021 閱讀 5714

你好!我們在react專案中需要經常使用axios請求mock模擬資料,本文將簡單粗暴介紹如何使用axios請求mock資料。各位看官您往下看。

1.在需要的頁面中引入axios   import axios from 'axios'

2.mock模擬資料的操作:

2.1在src資料夾下建mock資料夾和index.js檔案

2.2mock資料夾下建立json資料夾裡面建立data.json

3.在剛才建好的資料夾中的index.js中引入mock

(注意:mock的格式為mock.mock(設定的請求位址,post/get,返回的資料))

import mock from 『mockjs』

export

default mock.

mock

('/infor'

,'get'

,require

('./json/data'

))

4.建立data.json資料(這裡需要注意啦!我是將放在了腳手架public資料夾裡面!!!)

[,,

,,,]

5.好啦!我們的mock模擬資料建立好了,現在我們就需要去請求編輯好的mock資料了

5.1因為剛才已經在我們所需的頁面內引用過axios了,react 元件的資料可以通過 componentdidmount 方法來獲取資料。

5.2建立axios請求

componentwillmount()

).then

((ok)

=>

)}

5.3現在我們開啟瀏覽器檢視

如何在Flutter專案中使用GraphQL

麼是graphql 這篇文章主要是看一下如何在flutter專案中使用graphql,如果不清楚graphql是什麼,建議先看下官網對其介紹 從圖中也能看出,分3部分 可以看出,在這個graphql server中,我們可以查詢 continents continent countries coun...

如何在CPP專案中使用CUDA

很多時候我們需要對乙個cpp專案中某一部分進行gpu加速,如下步驟能夠實現這一目的。直接新建或者開啟已有的cpp專案 右鍵專案,新建或者新增已有的.cu cu 件 注意 cpp檔案不能直接呼叫kernel函式 新增了cuda的標頭檔案也不行 於是我們可以以函式呼叫的方式,從.cpp檔案呼叫乙個.cu...

在專案中使用react

1.執行 cnpm install react react dom s react安裝包 專門用於建立元件和虛擬dom的,同時元件的生命週期都在這個包中 react dom安裝包 專門進行dom操作的,最主要的應用場景就是reactdom.render 2.在index.html頁面中建立容器 di...