1. 程式人生 > >axios獲取資料的兩種方法

axios獲取資料的兩種方法

第一種方法
在build/dev-server.js裡面新增下面的程式碼[舊版本]
var app = express();
var goodsData = require(’…/mock/goods.json’);
var router = express.Router();
router.get("/good", function(req,res){
res.json(goodsData);
});
app.use(router);
在元件裡面使用以下程式碼
axios.get(’/good’).then(res=>{ //返回時一個promise物件,呼叫then方法獲得資料
var res = res.data; //返回的資料儲存在data屬性裡面
this.goodsList = res.result; //將獲取的資料儲存到goodsList裡面去
})

第二種方法
在conf/index.js裡面敲入如下程式碼
‘/api’ : {
target: ‘http://127.0.0.1:8080’,
pathRewrite : {
‘^/api’ : ‘/static/mock’
}
}
在元件裡面使用以下程式碼
methods:{
getCityInfo() {
axios.get(’/api/city.json’).then(this.handleGetCityInfoSucc); //這裡Res傳遞過去了
},
handleGetCityInfoSucc (res) { //這裡接收res
res = res.data; //這裡獲取資料
if(res.ret && res.data) { //判斷狀態碼
const data = res.data; //一次請求,獲得多組資料,分別賦值
this.cities = data.cities;
this.hotCities = data.hotCities;
}
}
}

相關推薦

資料獲取方法:DataList和SqlDataReader

資料獲取的兩種方法:一種是DataReader向後讀寫的類,缺點是不夠靈活; 另一種是DataSet資料集,會消耗一些額外的記憶體,但是靈活性高 string strsql = "Data Sour

mybatis學習之路----批量更新資料方法效率對比

點滴記載,點滴進步,願自己更上一層樓。 上節探討了批量新增資料,這節探討批量更新資料兩種寫法的效率問題。 實現方式有兩種, 一種用for迴圈通過迴圈傳過來的引數集合,迴圈出N條sql, 另一種 用mysql的case when 條件判斷變相的進行批量更新   下面進行實現

OpenVR裝置位置獲取方法

OpenVR 下,獲取裝置位置的方法有兩個:WaitGetPoses 和 GetDeviceToAbsoluteTrackingPose。 WaitGetPoses: 會阻塞程式執行,直到底層獲取到新的裝置姿態位置才可以返回。 GetDeviceToAbsoluteTrackingPose: 則時通過傳遞預計

axios獲取資料方法

第一種方法 在build/dev-server.js裡面新增下面的程式碼[舊版本] var app = express(); var goodsData = require(’…/mock/goods.json’); var router = express.R

php獲取陣列中重複資料方法

<meta charset='utf-8'> <?php function FetchRepeatMemberInArray($array) { // 獲取去掉重複資料的陣列 $unique_arr = array_unique

【Jquery】jQuery獲取URL參數的方法

ont ras mil scrip line 兩種方法 lower quest request jQuery獲取URL參數的關鍵是獲取到URL,然後對URL進行過濾處理,取出參數。 location.href是取得URL。location.search是取得URL“?

前臺向後臺傳值的方法 以及 從後臺獲取數據的方法

list 獲取數據 data border asc req rip attr 訂單 1、前臺向後臺傳值方法一: 表單提交的方式: 1 <form action="${path }/manage/logon.do" method="post" id="logonFo

JavaScript原生獲取URL參數的方法

方法 參數 name 去掉 post fse javascrip sub class 通過url獲取參數的兩種原生方法(使用框架的話一般都會提供): 方法一(推薦):   urlinfo=window.location.href; //獲取當前頁面的url   len=ur

php獲取圖片真實後綴的方法

php獲取圖片真實後綴的兩種方法一、getimagesize(支持base64): 代碼: <?php /* @desc:獲取圖片真實後綴 @param name 文件名 @return suffix 文件後綴 */ function getimgsuffix($name) { $

方法自動獲取 grub2-mkpasswd-pbkdf2 生成的密碼

再次 alt 方法 剛才 expec 51cto pbkdf2 ech term 一、grub2-mkpasswd-pbkdf2 生成密碼過程: grub2-mkpasswd-pbkdf2 輸入口令:(需要輸入密碼)Reenter password: (需要再次輸入剛才的密

方法實現STM32F103向串列埠一直髮送資料(程式原始碼,已測試)

       串列埠是STM32最為重要的資源,在平時的硬體除錯和軟體除錯中都是不可或缺的工具,最近在測試一塊板子的通訊功能是否正常,我打算用板子A的串列埠USART1一直向串列埠傳送資料,用板子B的串列埠1接收資料,並將接收到的資料經過處理後顯示在LCD

PHP獲取網頁原始碼最簡單的方法

第一種:curl 廢話不多說,直接上程式碼 //1,獲取curl控制代碼 $ch = curl_init(); // 2. 設定選項,包括URL curl_setopt($ch,CURLOPT_URL,"http://www.baidu.com/"); curl_

logstash獲取nginx日誌 方法

獲取nginx日誌要寫grok 還有很多正則來做 那麼很多像我一樣的新手不知道該如何操作 下面我們來個簡單的 第一種 : 重點是: 把nginx的access.log日誌格式改成json型別 更重要的是下面兩行 log_format json '{"@timestamp"

js獲取物件屬性的方法,object.屬性名,[‘屬性名’ ]

1、通過點的方式 2、通過括號的方式 例: <input type="text" value="hello" id="text"/> var oText = document.getElementById("text") (1)通過點的方式   oText.pr

scrapy框架 用post 爬取網站資料方法區別

post請求,一定要重新呼叫父類的 start_requests(self)方法 方法1:(推薦) 重構start_requests def start_requests(self): data = { 'source': 'index_na

獲取SHA1的方法

第一,使用命令列keytool -list -v -keystore + keystore的路徑 例如:  keytool -list -v -keystore “C:\Users\Tool\android\debug.keystore”。  第二個方法完全來自於一位網

mybatis查詢樹形資料方法

原貼地址:https://www.cnblogs.com/nick-guo-sdly/p/7668462.html 最近開發中遇到了很多樹形結構資料的需要,利用mybatis提供巢狀查詢功能,基本上可以完美解決,但是對於其中的原理並不理解,導致在使用的時候像瞎貓碰死耗子一樣,照著先前成功的例子c

Flask 設定cookie的方法.獲取cookie,和刪除cookie的方法(修改過期時間)

設定cookie 方法一: 建立物件   make_response的物件 呼叫物件 的set_cookie方法設定cookie 方法二: 直接設定表單頭 除了鍵值對,其他部分可去瀏覽器檢查摘抄  resp.headers["Set-Cook

Android 獲取手機的解析度方法

  A,過時的API [2]獲取手機的解析度         WindowManager wm  = (WindowManager) getSystemService(WINDOW_SERVICE

資料壓縮的方法

  方法一: 將整型資料存在位元組裡面 參考了  http://www.cnblogs.com/chencheng/archive/2012/07/01/2572251.html     方法二: 對二進位制碼流進行壓縮 舉例: