vue2.0設(shè)置proxyTable使用axios進(jìn)行跨域請求的方法
這里請求的是知乎日報的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)用的方法或是鉤子中請求,$ajax就是上面注冊的axios,如果想直接用axios不想設(shè)置prototype也可以直接按官方的文檔來寫

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


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

