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)寫(xiě)

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

‘/news/lates'對(duì)應(yīng)的是上面ajax請(qǐng)求時(shí)的url，target是你真實(shí)請(qǐng)求的地址

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com