如何使用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會自動攔截請求並返回我們設定好的資料

以上就是本文的全部內容，希望對大家的學習有幫助，更多相關內容請關注PHP中文網！

相關推薦：

Vue2.0自訂指令與實例的屬性和方法

如何使用NodeJS Lighthouse Gulp建構自動化網站效能測試的工具

以上是如何使用Vue+Mock.js來搭建前端的獨立開發環境的詳細內容。更多資訊請關注PHP中文網其他相關文章！