在使用axios請(qǐng)求數(shù)據(jù)時(shí),有時(shí)候我們需要使用本地存儲(chǔ)的json數(shù)據(jù),以便調(diào)試或者模擬數(shù)據(jù)。
首先,我們需要在項(xiàng)目的根目錄下創(chuàng)建一個(gè)json文件,比如我們創(chuàng)建一個(gè)名為test.json的文件。
{ "name": "axios", "version": "0.21.1", "description": "Promise based HTTP client for the browser and node.js", "homepage": "https://github.com/axios/axios", "license": "MIT", "data": [ { "id": 1, "title": "標(biāo)題1", "content": "內(nèi)容1" }, { "id": 2, "title": "標(biāo)題2", "content": "內(nèi)容2" }, { "id": 3, "title": "標(biāo)題3", "content": "內(nèi)容3" } ] }
我們可以在代碼中使用axios請(qǐng)求這個(gè)json數(shù)據(jù)文件,使用代碼如下:
import axios from 'axios' axios.get('test.json').then(response =>{ console.log(response.data) })
這樣就可以獲取到我們剛才創(chuàng)建的test.json文件中的數(shù)據(jù)了。
需要注意的是,我們需要將json文件放置在靜態(tài)目錄中,比如public文件夾中,以便能夠直接訪問。