vue2.0設(shè)置proxyTable使用axios進(jìn)行跨域請求的方法

這里請求的是知乎日報的api，由@izzyleung這位大神提供的，這是github地址。

在vue-cli構(gòu)建的項目中先安裝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í)請求的地址

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