簡述vue的axios使用以及模擬資料

2021-10-05 15:02:24 字數 1278 閱讀 9177

是乙個第三方的資料請求模組

2.引用:單獨引用就import axios from 「axios」

全域性引用:

​ 1.在main.js檔案中import axios from 「axios」

​ 2.vue.prototype.axios=axios

​ 把axios注入到vue中

​ 使用就直接this.axios({})

3.語法:s

axios(

}).then((ok)=>)

vue中的**跨域 proxy

就是讓vue腳手架的當中的這個伺服器協助我們來進行後台的資料請求

開啟服務**--配置好了一定要重啟伺服器

proxy:

}}

mock.js模擬資料

模擬資料:在開發過程中 前後臺的介面呼叫展示是非常重要的,但是如果我們在寫專案的時候後台的介面沒有寫好 或者沒有給我們提供的時候 沒有介面呼叫 假資料怎麼辦?

1.我就把資料寫死在data中(只是在後期介面聯調的時候就會非常的麻煩)

2.一些模擬資料(mock.js json-server)等這些第三方的模擬資料js來完成假資料的模擬請求.

mock.js : npm i -s mockjs

配置mock的檔案與資料夾在src資料夾下建立乙個資料夾mock

在資料夾的下面寫上資料與模擬資料的請求監聽(攔截請求)

攔截請求:正常情況下 ajax傳送出去的請求都是去尋找伺服器獲取相關的資料,當時現在我們使用的是mock來進行模擬資料 所以我們要把每次使用者傳送的請求使用mock攔截下來給使用者使用

在mock下建立乙個data資料夾和乙個index.js

data(資料資料夾)裡面存放json檔案儲存資料

index.js(攔截配置):

//1.引用mock

var mock=require("mockjs")

//設定攔截 mock()攔截請求 分發返回資料

"攔截的位址","post/get",攔截之後的返回資料)

mock.mock("/mock/user","get",require("./data/one.json"))

配置好了之後在main.js(全域性配置檔案中引用)

//引用mock

require("./mock/index.js")

什麼時候使用impor es6模組封裝的.

require comment.js模組

axios配合vue的使用,以及各種方法請求的封裝

建立request.js檔案,引入vue,引入axios 確保已經在環境中安裝過axios import vue from vue import axios from axios 設定配置環境,設定請求超時時間 可以根據yarn run 不同的環境去執行正式 測試的介面鏈結 超過相應的請求時間,請求...

vue路由使用以及元件擴充套件

元件ref的使用 獲取dom節點 給dom節點記上ref屬性,可以理解為給dom節點起了個名字。加上ref之後,在 refs屬性中多了這個元素的引用。通過vue例項的 refs屬性拿到這個dom元素。獲取元件 給元件記上ref屬性,可以理解為給元件起了個名字。加上ref之後,在 refs屬性中多了這...

CMFCColorButton的使用以及重繪

cmfccolorbutton是visual studio 2008 sp1版本以上提供的顏色採集器。系統環境 windows 7 程式設計環境 visual studio 2008 sp1 下面介紹下使用步驟 1.新建基於對話方塊的工程,名稱為mycolorbuttondemo 2.拖動乙個按鈕到...