首頁 > web前端 > js教程 > 主體

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

不言
發布: 2018-07-11 15:55:20
原創
1435 人瀏覽過

這篇文章主要介紹了關於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中文網其他相關文章!

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