上一篇博文,我們已經順利的從cnodejs.org請求到了數據,但是大家可以注意到我們的/src/api/index.js的第一句就是: // 配置API接口地址 var root = 'https://cnodejs.org/api/v1' 這里我們的接口地址是寫死 ...
上一章,我們認識了項目的目錄結構,以及對項目的目錄結構做了一些調整,已經能把項目重新跑起來了。今天我們來搭建api接口調用工具Axios。Vue本身是不支持ajax調用的,如果你需要這些功能就需要安裝對應的工具。 支持ajax請求的工具很多,像superagent和axios。今天我們用的就是axios,因為聽說最近網上大部分的教程書籍都使用的是axios,本身axios這個工具就已經做了很好的優 ...
2017-11-20 09:53 1 4320 推薦指數:
上一篇博文,我們已經順利的從cnodejs.org請求到了數據,但是大家可以注意到我們的/src/api/index.js的第一句就是: // 配置API接口地址 var root = 'https://cnodejs.org/api/v1' 這里我們的接口地址是寫死 ...
在上一篇博文中,我們對vue組件有了一個簡單的認識和大概的理解。在之前認識項目結構的時候,我們在/src目錄中創建了一個components的文件夾,而今天就要用到了,這個文件夾的作用就是放置我們的自 ...
在上一篇文章中,大致介紹了一下本系列博文以及學習vuejs我們需要了解的一些概念,希望大家認真閱讀,所謂知己知彼,百戰百勝,學習也一樣,工欲善其事,必先利其器,要想學好vuejs,那前提的概念一定要熟悉。否則在接下來的博文中,遇到一些概念很有可能理解不了。 由於不能翻牆,所以之下大部分的操作都是 ...
data數據: data() { return { source: "" }; }, methods方法: methods: { sendGet() { // 每次都生成一個 token,給這個接口 var source ...
axios取消請求 這里就是分析一下接口請求需要被取消時的一些操作 因為我是用vue寫的項目,所以標配用的是axios,怎么在axios中取消已經發送的請求呢? 1.在這之前我們還是先介紹一下原生js的abort()這個方法。 直接上代碼會比較好一點 點擊獲取數據按鈕打印 ...
通過上一篇博文的學習,我們其實已經完成了我們設想的項目的開發。但是,我們做好的這套東西,是基於 nodejs 開發的。而我們最終希望,我們開發的項目,生成好一堆文件,然后隨便通過任何一個 http 服 ...
上一篇博文,我們搭建了一套基礎的vuejs的環境,首先安裝node.js,然后利用npm包管理器,安裝vue-cli,設置淘寶鏡像,初始化項目,安裝依賴,運行。在這一篇,我們將認識vuejs項目里的各個目錄結構。 基礎項目目錄 build // 編譯配置文件,一般不用 ...
上一篇博文中,我們將接口的地址通過webpack代理到了本地,解決了跨域的問題。在之前的文章中,我們一直對項目進行配置,並沒有真正的切入正題,可能很多人還不明白我們要做什么?那么今天,我們就要開寫代碼了。忠心感謝FungLeo,是你們無私的奉獻,才讓我們有了學習的參考,以下是地址:本文轉載 ...