axios模擬GET請求例項及詳解
1、在my-project專案中引入axios依賴:cnpm install --save axios
2、main.js 中引入 axios:
// 在 main.js 中新增了這兩行程式碼之後,就能直接在元件的 methods 中使用 $http命令
import axios from 'axios'
Vue.prototype.$http = axios
(將 axios 改寫為 Vue 的原型屬性,只加第一條,有時候無法在其它的元件中使用 axios)
3、App.vue檔案內容如下,當然你也可以在別的元件中呼叫
<template>
<div id="app">
<img src="./assets/logo.png">
{{ msg }}
2、寫一個按鈕觸發函式調起介面
<a href="javascript:" v-on:click="get()">GET按鈕</a>
</div>
</template>
<script>
// 1、使用import匯入axios,一定不要忘了先匯入axios
import axios from 'axios'
export default {
name: 'App',
data () {
return {
title: '我去!!!',
msg:'',
apiurl: 'http://api/baidu.com/storage/?room=1'
}
},
methods: {
get: function() {
axios.get("http://api/baidu.com/txcjapi/storage/", {
params: { room: '1'}
}).then(res => {
this.msg = res.data
})
.catch((error) => {
this.msg = error
})
},
}
</script>
<style>
</style>
相關文章
- Linux curl 命令模擬 POST/GET 請求Linux
- HTTP Get,Post請求詳解HTTP
- Get和Post請求詳解
- axios 發get,post 請求小結iOS
- get請求和post請求區別詳解
- axios請求JSON問題詳解iOSJSON
- 網路程式設計基礎,模擬get post請求程式設計
- 介面請求 (get、post、head 等) 詳解
- 介面請求(get、post、head等)詳解
- nodejs關於get和post請求程式碼例項NodeJS
- SOCKET模擬HTTP請求HTTP
- Python中get、post請求詳解(HTTP請求頭、狀態碼)PythonHTTP
- vue axios資料請求get、post方法的使用VueiOS
- 使用 node 模擬請求介面
- axios 請求iOS
- axios傳送兩次請求原因及解決方法iOS
- SQL Server儲存過程模擬HTTP請求POST和GET協議SQLServer儲存過程HTTP協議
- Axios 請求配置引數詳解以及全域性配置示例iOS
- php模擬請求(偽造來源和請求ip)PHP
- axios請求超時解決方案iOS
- dubbo請求報文例項
- iOS 同步請求 非同步請求 GET請求 POST請求iOS非同步
- EventBus詳解及簡單例項單例
- 模擬阻塞會話例項會話
- axios get請求如果遇到引數有陣列的情況怎麼解決iOS陣列
- vue 之 axios 和 vue-resource簡單get請求對比VueiOS
- 使用 Netcat 模擬 HTTP 請求HTTP
- 精講RestTemplate第3篇-GET請求使用方法詳解REST
- axios請求超時,設定重新請求的完美解決方法iOS
- 封裝axios請求封裝iOS
- C#模擬HTTP請求Post JSONC#HTTPJSON
- 使用postman模擬登陸post請求方法Postman
- 使用Mock.js模擬資料請求MockJS
- 模擬介面請求到web伺服器Web伺服器
- Axios 原始碼解讀 —— 網路請求篇iOS原始碼
- 程式模擬瀏覽器請求及會話保持-python實現瀏覽器會話Python
- jQuery ajax請求程式碼例項分享jQuery
- 封裝ajax、axios請求封裝iOS