vue專案中在本地模擬資料,請求資料步驟

2021-09-23 20:25:22 字數 764 閱讀 4745

1.先將需要模擬的資料放入mock資料夾中

2.在build資料夾中,找到 webpack.dev.conf.js ,我們需要在這個js檔案中配置json

//第一步 const portfinder = require('portfinder'),在後面加上

const express = require('express');

const apiroutes = express.router();

//第二步找到devserver,在裡面新增

res.json()})}

3.引入成功後,載入資料,重新啟動專案,開啟http://localhost:8080/api/citylist

4.在專案中展示json 資料

mockjs模擬資料請求

一般專案的方法 vue cli專案中 在src目錄裡面建立乙個utils mock.js 相關.vue檔案引用 import utils mock.js import axios from axios 另main.js引入import axios from axios 注意這點,使用 vue.pro...

react mockjs模擬資料請求

直接通過dva new dva quickstart直接建立專案 首先引入mockjs npm install mockjs先實現乙個簡單get請求 在目錄的最外層有乙個mock資料夾,生成隨機資料都放在這裡 建立乙個cs.js和data.js兩個檔案 data.js裡放的是預設資料 data.js...

018 Vue專案生成模擬資料

開發過程中,與後端未搭建好聯調環境時,沒有資料。此時前端無法進行測試,開發起來就比較頭疼了。使用mockjs,攔截ajax請求,並且隨機生成和後端協商好的資料格式,這樣即使服務端環境無法使用,前端也可以愉快的coding了。接下來聊聊它的使用方法吧 1 在專案中初始化mock.js npm i mo...