VUE中使用第三方外掛程式axios記錄

2021-08-28 23:48:30 字數 1144 閱讀 4171

第三方外掛程式axios用法:

1.安裝 npm install axios

2.在main.js中 引入載入

import axios form "axios"

vue.prototype.$axios = axios

延伸:配置axios全域性

3.使用注意

get請求:

this.$axios(『url』,

}).then(res => )

.catch(error => )

post請求:

兩種請求引數格式 form-data: ?name=iwen&age=20

x-www-form-urlencoded:

注意:axios請求引數是form-date格式 需用第三方qs(querystring)庫轉換

轉換步驟:1.在使用模組中引用 import qs form "qs"

2.案例:

this.$axios.post('url', qs.

stringify())

.then(res => )

.catch(error => )

4.axios*** 在請求或相應被 then 或 catch 處理前攔截它們

// 在main.js中新增

// 新增請求***

axios.interceptors.request.use(function(config), function(error));

// 新增響應***

axios.interceptors.response.use(function(response), function(error));

注: 可以在攔截中做post傳送請求資料格式轉換以達到全域性設定在其他模組就可以不再引用

案例:(1)在main.js中引入qs庫 import qs form "qs"

// 新增請求***

axios.interceptors.request.use(function(config)

return config;

}, function(error));

axios學習位址

VUE引入第三方外掛程式

vue 引入第三方外掛程式方法 1 如果是第三方 npm 模組檔案 檔案統一放入src assets js 資料夾下 統一在main.js 內引入 import parse from assets js plugin.js import assets js plugin.js 2 如果是第三方非 n...

Flask 第三方外掛程式

因為flask自帶的session是將session存在cookie中 所以才有了第三方flask session外掛程式,可以將session儲存在我們想儲存的資料庫中 redis等 pip install flask session注意redis資料庫一定是在內網中的且是一台單獨的伺服器,防止被...

Vue中元件 官方外掛程式 第三方外掛程式

自定義元件的使用 注意,在哪個元件中使用就要在哪個元件中執行這三步 1.引入元件 import home from components home.vue 2.註冊元件 components 跟data同級 3.掛載元件 官方外掛程式的使用 第三方外掛程式的使用 和自定義的元件一樣,使用 引入 都不...