在webpack.dev.conf.js下找到
const
portfinder
= require
('portfinder'
)增加以下**：
const
express =
require(
"express")
//請求server
const
express()
//載入本地資料檔案
varrequire(
"../mock/goods.json")
//獲取本地資料
varrouters =
express.
router()
//通過路由請求資料，所有介面相關的都會用api進行路由
use(
"/api",
routers)
找到deserver物件增加before方法編寫介面：
before(
get(
"/api/goods",(
req,
res)
=>) }
用vue框架mock資料
webpack打包的專案中可以依賴express var express require express var apirouter express.router apirouter.get seller function req,res 然後npm run dev啟動這個專案，瀏覽器輸入http ...
在vue專案中, mock資料
1.在根目錄下建立 test 目錄,用來存放模擬的 json 資料,在 test 目錄下建立模擬的資料 data.json 檔案 2.在build目錄下的 dev server.js的檔案作如下更改 3.在.vue做請求,就可以成功獲取data.json的資料了,下面使用 axios 進行請求axi...
vue專案使用mock資料的幾種方式
以下講解基於vuecli3.0建立的專案 首先我們來說一說vue cli 3.0 與 2.0 的一些不同 3.0 移除了 static 檔案目錄，新增了 public 目錄，這個目錄下的靜態資源不會經過 webpack 的處理，會被直接拷貝，所以我們能夠直接訪問到該目錄下的資源，靜態資料 如json...