首頁 > web前端 > js教程 > 如何使用Vue+Mock.js來搭建前端的獨立開發環境

如何使用Vue+Mock.js來搭建前端的獨立開發環境

不言
發布: 2018-07-14 09:19:05
原創
2001 人瀏覽過

這篇文章主要介紹瞭如何使用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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板