vue2.0設(shè)置proxyTable使用axios進(jìn)行跨域請(qǐng)求的方法
這里請(qǐng)求的是知乎日?qǐng)?bào)的api,由@izzyleung這位大神提供的,這是github地址。
在vue-cli構(gòu)建的項(xiàng)目中先安裝axios
npm install axios -S
這里暫不考慮用vuex封裝的方式,只講在當(dāng)前組件中直接使用。
先在<script>中引入

用prototype將axios添加為vue原生的屬性,$ajax相當(dāng)于axios的別名。
然后在要調(diào)用的方法或是鉤子中請(qǐng)求,$ajax就是上面注冊(cè)的axios,如果想直接用axios不想設(shè)置prototype也可以直接按官方的文檔來(lái)寫

vue在配置文件中提供了proxyTable來(lái)設(shè)置跨域,在config文件夾的index.js文件中


‘/news/lates'對(duì)應(yīng)的是上面ajax請(qǐng)求時(shí)的url,target是你真實(shí)請(qǐng)求的地址
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
解決vue中el-date-picker?type=daterange日期不回顯的問(wèn)題
這篇文章主要介紹了解決vue中el-date-picker?type=daterange日期不回顯的問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-10-10
基于vue+echarts數(shù)據(jù)可視化大屏展示的實(shí)現(xiàn)
這篇文章主要介紹了基于vue+echarts數(shù)據(jù)可視化大屏展示的實(shí)現(xiàn),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-12-12
vue組件開(kāi)發(fā)props驗(yàn)證的實(shí)現(xiàn)
這篇文章主要介紹了vue組件開(kāi)發(fā)props驗(yàn)證的實(shí)現(xiàn),小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-02-02
vue下如何利用canvas實(shí)現(xiàn)在線圖片標(biāo)注
這篇文章主要介紹了vue下如何利用canvas實(shí)現(xiàn)在線圖片標(biāo)注,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-04-04
關(guān)于vue-property-decorator的基礎(chǔ)使用實(shí)踐
這篇文章主要介紹了關(guān)于vue-property-decorator的基礎(chǔ)使用實(shí)踐,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-08-08
淺談VUE監(jiān)聽(tīng)窗口變化事件的問(wèn)題
下面小編就為大家分享一篇淺談VUE監(jiān)聽(tīng)窗口變化事件的問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-02-02

