axios的基本用法和本地解決跨域問題

用vue做個小demo,需要用到axios 請求網上找的一些接口

 在main.js里加import axios from 'axios'    Vue.prototype.$ajax = axios;

在組件裏 this.$ajax.get().then(response=>{

console.log(response);

})

我是接口是http://mobilecdn.kugou.com/api/v3/search/song?keyword=再飛行&page=1&pagesize=10,網上找的,直接點擊鏈接有數據返回,但在項目裏提示跨域。

1.在config/index.js 里加代理

proxyTable:{},這裏默認是空。 

this.$ajax.get("http://mobilecdn.kugou.com/api/v3/search/song?keyword=薛之謙&page=1&pagesize=10")

在前面加上/api 就okl ,j記得要npm run dev重啓下項目

this.$ajax.get("/api/http://mobilecdn.kugou.com/api/v3/search/song?keyword=薛之謙&page=1&pagesize=10")

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章