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中文網！

相關推薦：

建立quick-shell.js庫的使用介紹

vue-router nginx非根路徑的配置方法

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