1. 程式人生 > >vue專案模擬假資料

vue專案模擬假資料

開發vue專案的時候需要用到一些假資料,這裡我就分享一下用json-server這個包來託管資料。

首先就是npm install -g json-server來全域性安裝。

之後新建一個json檔案,格式大概是這樣的。

{
  "items":[
    {
      "id": 103,
      "name": "daming"
    },
    {
      "id": 102,
      "name": "job"
    }
  ],
  "user":[
    {
      "id": 1001,
      "sex": 1,
      "age": 18
    },
    {
      "id": 1003,
      "sex": 0,
      "age": 22
    }
  ]
  
}

然後用命令執行這個json檔案

我這裡就命名為db.json ,8086是埠號,可以自定義。

json-server --watch --port 8086 db.json

然後啟動後沒問題就是這樣的。

然後根據地址進行訪問即可。

也可以這樣訪問,如果是這樣訪問必須是id欄位才行。

這樣基本的假資料就可以模擬完了。更具體的去看文件吧。