1. 程式人生 > >Vue+Mock.js搭建前端獨立開發環境

Vue+Mock.js搭建前端獨立開發環境

  1. 安裝Mock

    npm i mockjs -s

  2. 建立Mock檔案
    在main.js同級目錄下建立一個Mock.js(可以任意起名)用來存放我們的資料欺騙程式碼

Mock.js

const Mock = require('mockjs')

Mock.mock('/register', function (options) {
  console.log(options)
  return Mock.mock({
    'number': '1'
  })
})

在這個檔案裡,我們就可以根據Mockjs的文件去攔截ajax請求,返回模擬資料,至於怎麼做,看文件就行了,挺簡單的

3.在main.js中引入需要模擬的資料
main.js

require('./mock')

4、這樣子就配置好了,在需要傳送請求的頁面像往常一樣傳送請求,Mock.js會自動攔截請求並返回我們設定好的資料