前提

已經安裝Node.js，並且安裝好vue-cli。想要自己MOCK資料，模擬請求後端資料。

json-server 安裝

為了後續其他專案也可以使用，選擇全域性安裝

npm install json-server -g

專案中使用

1. 在專案根目錄建立一個db.json檔案，用於放置需要模擬的資料如圖：

{
  "WoList":{
    "header": {
      "version": "1.0",
      "serviceCode": "13246",
    },
    "retCode": "0",
    "retMessage": ""
 
,
    "totalPages": "10",
    "pageIndex": "2",
    "workOrders": [
      {
        "agentId": "a123",
        "domainUserId": "S666666",
        "domainUserName": "張三"
      },
      {
        "agentId": "a123",
        "domainUserId": "S666666",
        "domainUserName": "麻子"
      },
      {
        "agentId
 
": "a123",
        "domainUserId": "S666666",
        "domainUserName": "李四"
      }
    ]
  },
  "createWo":{}
}

2. 在package.json中的scripts裡面加一行命令：

json-server db.json --port 3003

如圖：

3. 在專案根目錄執行命令，啟動json-server

npm run json

4. 驗證是否啟動成功

瀏覽器輸入提示地址即可，例如：

http://localhost:3003/Wolist

在瀏覽器可以訪問成功，在程式碼中將其看作要請求的地址，正常寫請求即可。