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')

四、這樣子就配置好了，在須要發送請求的頁面像往常同樣發送請求，Mock.js會自動攔截請求並返回咱們設置好的數據