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-cli3.0中自定css、js和圖片的打包路徑
這篇文章主要介紹了詳解在vue-cli3.0中自定css、js和圖片的打包路徑,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08Vue.js中自定義Markdown插件實(shí)現(xiàn)References解析(推薦)
本文主要寫的是,如何編寫一個(gè)插件來(lái)解析<references>標(biāo)簽,并將其轉(zhuǎn)換為HTML,這種方法可以應(yīng)用于其他自定義標(biāo)簽和功能,為Vue.js應(yīng)用程序中的Markdown渲染提供了極大的靈活性,感興趣的朋友跟隨小編一起看看吧2024-07-07vue3.2?Composition?API項(xiàng)目依賴升級(jí)
這篇文章主要為大家介紹了vue3.2?Composition?API項(xiàng)目依賴升級(jí)示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-08-08vue實(shí)現(xiàn)在線預(yù)覽office文件的示例代碼
本文主要介紹了vue實(shí)現(xiàn)在線預(yù)覽office文件,文中通過(guò)示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-10-10vue+elementUI實(shí)現(xiàn)動(dòng)態(tài)面包屑
這篇文章主要為大家詳細(xì)介紹了vue+elementUI實(shí)現(xiàn)動(dòng)態(tài)面包屑,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-04-04